HEX Color #0F6692 (Steelblue)

About #0F6692

The precise color #0F6692 is an excellent choice for modern design projects. Its closest recognized web color is Steelblue. To achieve this exact tint on a monitor, you would use an RGB mix of 15, 102, and 146.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 90% C, 30% M, 0% Y, and 43% K. The HSL representation is 200.2° hue, 81.4% saturation, and 31.6% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a dark color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#0F6692

RGB15, 102, 146

HSL200.2°, 81.4%, 31.6%

CMYK90%, 30%, 0%, 43%

HSV200.2°, 89.7%, 57.3%

LAB40.7, -7.3, -30.8

XYZ10.1, 11.7, 28.9

Decimal1009298

Color Harmonies

Complementary

#0F6692 #923B0F

Analogous

#0F927C #0F2492

Triadic

#920F65 #65920F

Tetradic

#7C0F92 #923B0F #24920F

Tints, Shades & Tones

Tints (Adding White)

#0F6692

#29779E

#4488AA

#5F99B6

#79AAC2

#94BBCE

#AFCCDA

#C9DDE6

#E4EEF2

#FFFFFF

Shades (Adding Black)

#0F6692

#0D5A81

#0B4F71

#0A4461

#083851

#062D40

#052230

#031620

#010B10

#000000

WCAG Contrast Accessibility

6.30:1

Text on #FFFFFF

AA

3.34:1

Text on #000000

AA Large

6.02:1

Text on #F8FAFC

AA

2.84:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #0F6692; }

.text-color { color: #0F6692; }

.border-color { border: 2px solid #0F6692; }

Similar Colors

Steelblue

#4682B4