#0F52BA
Blue family

Sapphire

Also known as: vibrant · serene · regal · mystical · deep
Save
Hex #0F52BA
RGB rgb(15, 82, 186)
HSL hsl(216°, 85%, 39%)
CMYK 92 · 56 · 0 · 27
NCS S 3040-B

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western cultures, sapphire symbolizes wisdom and nobility, often linked to royalty and divine favor. In contrast, in some Eastern traditions, it represents protection and good fortune, showcasing its multifaceted significance across different cultures.

The term 'sapphire' stems from the Latin 'sapphirus', which may originate from the Greek 'sappheiros', referring to the blue stone. Notably, during the 13th century, sapphires were believed to protect their wearers from envy and harm, making them popular among medieval royals.

vibrantsereneregalmysticaldeep

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Sapphire. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 45 Blues →

Shades & tints

Nine steps of Sapphire by lightness — from #082B61 (darkest) to #82A5DB (lightest). Click any to copy.

-40% #082B61
-30% #0A3477
-20% #0B3E8D
-10% #0D48A4
BASE #0F52BA
+15% #2C67C2
+30% #497CCB
+50% #6590D3
+70% #82A5DB

Complementary

Sitting opposite Sapphire at 36° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Sapphire.

#0F52BA
#00BFFF
#F0F8FF
#1E90FF
#4682B4

Ocean Serenity

Calm Waters
#0F52BA
#FFD700
#FFFFFF
#4B0082
#B0C4DE

Royal Elegance

Majestic Dusk
#0F52BA
#000000
#808080
#191970
#1C86EE

Night Sky

Starry Night

Used by

Brands and institutions known for using Sapphire.

Blue NileSapphire Technologies

Sapphire scale

A 50–900 tonal scale with Sapphire anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #ECF1F9
100 #D4E0F3
200 #A4BDE5
300 #749BD7
400 #4176C8
500 #0F52BA
600 #0C4399
700 #0A367B
800 #08295D
900 #051C3F

Accessibility

Works well as text on light backgrounds; fails on dark.

Aa Best text color: #FFFFFF · 7.15:1
Sapphire as text on… Ratio AA AAA
Aa White background 7.15:1 Pass Pass
Aa Black background 2.94:1 Fail Fail

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #0F52BA

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #0F52BA;
CSS color-mix (lighten 30%) color-mix(in srgb, #0F52BA 70%, white)
HSV / HSB 216°, 92%, 73%
CMYK (print) 92, 56, 0, 27
Decimal 1004218
Nearest web-safe #0066CC

Color vision

How Sapphire appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#0F52BA

Protanopia (no red)

#2C2DA1

Deuteranopia (no green)

#28239B

Tritanopia (no blue)

#128D89
Azure
9 / 45 Blues Midnight Blue
Copied!