HEX Color #0F4200 (Darkgreen)

About #0F4200

The precise color #0F4200 is an excellent choice for modern design projects. 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, 66, and 0.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 77% C, 0% M, 100% Y, and 74% K. The HSL representation is 106.4° hue, 100.0% saturation, and 12.9% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#0F4200

RGB15, 66, 0

HSL106.4°, 100.0%, 12.9%

CMYK77%, 0%, 100%, 74%

HSV106.4°, 100.0%, 25.9%

LAB23.7, -29.7, 31.4

XYZ2.1, 4.0, 0.7

Decimal999936

Color Harmonies

Complementary

#0F4200 #330042

Analogous

#304200 #004212

Triadic

#000E42 #42000E

Tetradic

#002F42 #330042 #421200

Tints, Shades & Tones

Tints (Adding White)

#0F4200

#29571C

#446C38

#5F8155

#799671

#94AB8D

#AFC0AA

#C9D5C6

#E4EAE2

#FFFFFF

Shades (Adding Black)

#0F4200

#0D3A00

#0B3300

#0A2C00

#082400

#061D00

#051600

#030E00

#010700

#000000

WCAG Contrast Accessibility

11.67:1

Text on #FFFFFF

AAA

1.80:1

Text on #000000

FAIL

11.15:1

Text on #F8FAFC

AAA

1.53:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkgreen

#006400