HEX Color #02462F (Darkslategray)

About #02462F

The hex code #02462F represents a beautifully specific shade of green. It is closely associated with the named CSS color Darkslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 2, 70, and 47.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 97% C, 0% M, 33% Y, and 73% K. The HSL representation is 159.7° hue, 94.4% saturation, and 14.1% 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#02462F

RGB2, 70, 47

HSL159.7°, 94.4%, 14.1%

CMYK97%, 0%, 33%, 73%

HSV159.7°, 97.1%, 27.5%

LAB25.6, -26.0, 8.5

XYZ2.7, 4.6, 3.4

Decimal149039

Color Harmonies

Complementary

#02462F #460118

Analogous

#01460C #013B46

Triadic

#2E0146 #462E01

Tetradic

#0C0146 #460118 #3B4601

Tints, Shades & Tones

Tints (Adding White)

#02462F

#1E5A46

#3A6F5D

#568374

#72988B

#8EACA2

#AAC1B9

#C6D5D0

#E2EAE7

#FFFFFF

Shades (Adding Black)

#02462F

#013E29

#013624

#012E1F

#01261A

#001F14

#00170F

#000F0A

#000705

#000000

WCAG Contrast Accessibility

10.94:1

Text on #FFFFFF

AAA

1.92:1

Text on #000000

FAIL

10.46:1

Text on #F8FAFC

AAA

1.63:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #02462F; }

.text-color { color: #02462F; }

.border-color { border: 2px solid #02462F; }

Similar Colors

Darkslategray

#2F4F4F