#0F52BA
Sapphire
Sapphire is a rich, deep blue named after the sapphire gemstone. It symbolizes wisdom, royalty, and divine favor across many cultures.
Sapphire Color Values
HEX#0F52BA
RGB15, 82, 186
HSL216°, 85%, 39%
HSV216°, 92%, 73%
CMYK92%, 56%, 0%, 27%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #005FBE (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #0051B8 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #006C7E (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #5C5C5C (~0.003% of population)
Sapphire as Text Color
Sapphire on White
7.2:1AAA
Sapphire on Light Gray
6.6:1AA
Sapphire on Cream
6.8:1AA
Sapphire on Dark
2.4:1FAIL
Sapphire on Black
2.9:1FAIL
Sapphire on Soft Blue
6.3:1AA
Sapphire on Soft Green
6.4:1AA
Sapphire on Soft Pink
5.9:1AA
Nearest Tailwind Class
blue-800
#1E40AF
Nearest Pantone Match
Pantone 7702 C
#006BA6
CSS Variable Export
:root {
--color-sapphire: #0F52BA;
--color-sapphire-rgb: 15, 82, 186;
}Tailwind Config
// tailwind.config.js
colors: {
'sapphire': '#0F52BA',
}Shades of Sapphire
#0F53B8
#0D4AA5
#0B3F8E
#0A377B
#082F68
#072450
#051C3D
#03132A
#020813
#000000
Tints of Sapphire
#0F53B8
#1261D9
#2173ED
#3E85EF
#5F9AF2
#80AEF5
#A1C3F7
#BDD5FA
#DEEAFC
#FFFFFF
Color Harmonies
Complementary
#0F52BA
#B8740F
Analogous
#0FA7B8
#0F53B8
#200FB8
Triadic
#0F53B8
#B80F53
#53B80F
Sapphire Text Preview
Heading in Sapphire
Body text in Sapphire. The quick brown fox jumps over the lazy dog.
White on Sapphire
Body text on a Sapphire background.
Sapphire text on dark background
Contrast: 2.5:1