HEX Color #005F5F (Darkslategray)

About #005F5F

The hex code #005F5F represents a beautifully specific shade of cyan. Its closest recognized web color is Darkslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 0, 95, and 95.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 100% Cyan, 0% Magenta, 0% Yellow, and 63% Black. With a hue angle of 180.0 degrees, it sits comfortably in the cyan spectrum.

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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#005F5F

RGB0, 95, 95

HSL180.0°, 100.0%, 18.6%

CMYK100%, 0%, 0%, 63%

HSV180.0°, 100.0%, 37.3%

LAB36.0, -23.3, -6.9

XYZ6.2, 9.0, 12.2

Decimal24415

Color Harmonies

Complementary

#005F5F #5F0000

Analogous

#005F2F #002F5F

Triadic

#5F005E #5E5F00

Tetradic

#2F005F #5F0000 #2F5F00

Tints, Shades & Tones

Tints (Adding White)

#005F5F

#1C7070

#388282

#559494

#71A6A6

#8DB7B7

#AAC9C9

#C6DBDB

#E2EDED

#FFFFFF

Shades (Adding Black)

#005F5F

#005454

#004949

#003F3F

#003434

#002A2A

#001F1F

#001515

#000A0A

#000000

WCAG Contrast Accessibility

7.49:1

Text on #FFFFFF

AAA

2.80:1

Text on #000000

FAIL

7.16:1

Text on #F8FAFC

AAA

2.38:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #005F5F; }

.text-color { color: #005F5F; }

.border-color { border: 2px solid #005F5F; }

Similar Colors

Darkslategray

#2F4F4F