HEX Color #24500F (Darkolivegreen)

About #24500F

The precise color #24500F is an excellent choice for modern design projects. Designers often compare it to the standard color Darkolivegreen. In the RGB color space, it consists of 36 red, 80 green, and 15 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 55% cyan, 0% magenta, 81% yellow, and 69% black. The HSL representation is 100.6° hue, 68.4% saturation, and 18.6% lightness.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#24500F

RGB36, 80, 15

HSL100.6°, 68.4%, 18.6%

CMYK55%, 0%, 81%, 69%

HSV100.6°, 81.2%, 31.4%

LAB29.8, -28.1, 31.6

XYZ3.7, 6.1, 1.4

Decimal2379791

Color Harmonies

Complementary

#24500F #3B0F50

Analogous

#44500F #0F501A

Triadic

#0F2350 #500F23

Tetradic

#0F4450 #3B0F50 #501A0F

Tints, Shades & Tones

Tints (Adding White)

#24500F

#3C6329

#547644

#6D8A5F

#859D79

#9DB194

#B6C4AF

#CED8C9

#E6EBE4

#FFFFFF

Shades (Adding Black)

#24500F

#20470D

#1C3E0B

#18350A

#142C08

#102306

#0C1A05

#081103

#040801

#000000

WCAG Contrast Accessibility

9.42:1

Text on #FFFFFF

AAA

2.23:1

Text on #000000

FAIL

9.00:1

Text on #F8FAFC

AAA

1.90:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkolivegreen

#556B2F