HEX Color #0F7524 (Darkgreen)

About #0F7524

The hex code #0F7524 represents a beautifully specific shade of green. Designers often compare it to the standard color Darkgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 15, 117, and 36.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 87% cyan and 0% magenta inks. With a hue angle of 132.4 degrees, it sits comfortably in the green spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a dark color, it is generally recommended to use #FFFFFF text. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#0F7524

RGB15, 117, 36

HSL132.4°, 77.3%, 25.9%

CMYK87%, 0%, 69%, 54%

HSV132.4°, 87.2%, 45.9%

LAB42.7, -44.6, 35.8

XYZ6.9, 13.0, 3.8

Decimal1013028

Color Harmonies

Complementary

#0F7524 #740F5F

Analogous

#2C740F #0F7457

Triadic

#240F74 #74240F

Tetradic

#0F2C74 #740F5F #74570F

Tints, Shades & Tones

Tints (Adding White)

#0F7524

#29843C

#449354

#5FA36D

#79B285

#94C19D

#AFD1B6

#C9E0CE

#E4EFE6

#FFFFFF

Shades (Adding Black)

#0F7524

#0D6820

#0B5B1C

#0A4E18

#084114

#063410

#05270C

#031A08

#010D04

#000000

WCAG Contrast Accessibility

5.85:1

Text on #FFFFFF

AA

3.59:1

Text on #000000

AA Large

5.59:1

Text on #F8FAFC

AA

3.05:1

Text on #0F172A

AA Large

CSS Implementation

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

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

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

Similar Colors

Darkgreen

#006400