HEX Color #0F2C50 (Darkslategray)

About #0F2C50

The hex code #0F2C50 represents a beautifully specific shade of blue. It is closely associated with the named CSS color Darkslategray. This translates to an RGB value of rgb(15, 44, 80).

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 81% cyan and 45% magenta inks. The HSL representation is 213.2° hue, 68.4% saturation, and 18.6% lightness.

Ensuring your text is legible against this background is a key part of web design. Because it is a very dark color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#0F2C50

RGB15, 44, 80

HSL213.2°, 68.4%, 18.6%

CMYK81%, 45%, 0%, 69%

HSV213.2°, 81.2%, 31.4%

LAB17.8, 3.7, -25.2

XYZ2.5, 2.5, 7.9

Decimal994384

Color Harmonies

Complementary

#0F2C50 #50320F

Analogous

#0F4C50 #120F50

Triadic

#500F2B #2C500F

Tetradic

#500F4C #50320F #0F5012

Tints, Shades & Tones

Tints (Adding White)

#0F2C50

#294363

#445A76

#5F728A

#79899D

#94A1B1

#AFB8C4

#C9D0D8

#E4E7EB

#FFFFFF

Shades (Adding Black)

#0F2C50

#0D2747

#0B223E

#0A1D35

#08182C

#061323

#050E1A

#030911

#010408

#000000

WCAG Contrast Accessibility

14.03:1

Text on #FFFFFF

AAA

1.50:1

Text on #000000

FAIL

13.41:1

Text on #F8FAFC

AAA

1.27:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkslategray

#2F4F4F