Skip to main content
WebColorTools

Sapphire Blue — #0F52BA

Also known as: Sapphire

#0F52BA, primarily known as Sapphire Blue (also called Sapphire), is composed of 6% red, 32% green, and 73% blue in RGB. In CMYK it is 92% cyan, 56% magenta, 0% yellow, 27% black. In HSL the hue angle is 216°, saturation 85%, and lightness 39%. The closest web-safe color is #3366CC.

Format Value Copy
HEX #0F52BA
RGB rgb(15, 82, 186)
HSL hsl(216.5, 85.1%, 39.4%)
HSV hsv(216.5, 91.9%, 72.9%)
CMYK cmyk(91.9%, 55.9%, 0%, 27.1%)
OKLCH oklch(46.65% 0.1763 260.01)
HWB hwb(216.5 5.9% 27.1%)
LAB lab(36.2% 13.48 -61.47)
LCH lch(36.2% 62.9 282.4)
OKLAB oklab(46.65% -0.0306 -0.1736)
XYZ X 12.07 Y 9.68 Z 47.68
Web Safe #3366CC
RGB Percent 5.9%, 32.2%, 72.9%
Decimal 1004218

Color harmonies

Harmony swatches keep the same saturation and lightness as the base color.

Explore on Color Wheel →

Complementary

Analogous

Triadic

Split-complementary

Tetradic

Square

Alternative colors

Nearby variations by nudging hue and lightness. Click a swatch to open that color.

Similar named colors

Nearest matches from our 30,000-name dataset (CIELAB ΔE). Click a swatch to open that color.

Tints, shades & tones

Full Tints, Shades & Tones →

On white

Sample

7.15:1

AA normal ✓ · AA large ✓

On black

Sample

2.94:1

AA normal ✗ · AA large ✗

Protanopia

95% similar

1.3% of men, 0.02% of women

Deuteranopia

97% similar

6% of men, 0.4% of women

Tritanopia

85% similar

0.001% of population

Achromatopsia

72% similar

0.003% of population

UI preview

Simplified components using a Tailwind-style scale generated from this color.

Open in Tailwind Scale Generator →

Button

Alert

Heads up

This alert uses lighter tints for the background and a mid-tone for the border.

Progress

67% complete