HEX Color #0F425F (Darkslategray)

About #0F425F

The hex code #0F425F represents a beautifully specific shade of blue. It is closely associated with the named CSS color Darkslategray. In the RGB color space, it consists of 15 red, 66 green, and 95 blue.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 84% cyan and 31% magenta inks. The HSL representation is 201.8° hue, 72.7% saturation, and 21.6% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#0F425F

RGB15, 66, 95

HSL201.8°, 72.7%, 21.6%

CMYK84%, 31%, 0%, 63%

HSV201.8°, 84.2%, 37.3%

LAB26.2, -5.1, -21.8

XYZ4.2, 4.8, 11.5

Decimal1000031

Color Harmonies

Complementary

#0F425F #5E2C0F

Analogous

#0F5E54 #0F195E

Triadic

#5E0F41 #415E0F

Tetradic

#540F5E #5E2C0F #195E0F

Tints, Shades & Tones

Tints (Adding White)

#0F425F

#295770

#446C82

#5F8194

#7996A6

#94ABB7

#AFC0C9

#C9D5DB

#E4EAED

#FFFFFF

Shades (Adding Black)

#0F425F

#0D3A54

#0B3349

#0A2C3F

#082434

#061D2A

#05161F

#030E15

#01070A

#000000

WCAG Contrast Accessibility

10.69:1

Text on #FFFFFF

AAA

1.96:1

Text on #000000

FAIL

10.22:1

Text on #F8FAFC

AAA

1.67:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkslategray

#2F4F4F