HEX Color #006D0F (Darkgreen)

About #006D0F

At its core, #006D0F is a dark and vivid hue. Designers often compare it to the standard color Darkgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 0, 109, and 15.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 100% cyan and 0% magenta inks. The HSL representation is 128.3° hue, 100.0% saturation, and 21.4% lightness.

From a UX and accessibility standpoint, contrast is paramount. 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#006D0F

RGB0, 109, 15

HSL128.3°, 100.0%, 21.4%

CMYK100%, 0%, 86%, 57%

HSV128.3°, 100.0%, 42.7%

LAB39.5, -45.3, 40.6

XYZ5.6, 11.0, 2.3

Decimal27919

Color Harmonies

Complementary

#006D0F #6D005D

Analogous

#276D00 #006D45

Triadic

#0E006D #6D0F00

Tetradic

#00276D #6D005D #6D4500

Tints, Shades & Tones

Tints (Adding White)

#006D0F

#1C7D29

#388D44

#559D5F

#71AD79

#8DBE94

#AACEAF

#C6DEC9

#E2EEE4

#FFFFFF

Shades (Adding Black)

#006D0F

#00600D

#00540B

#00480A

#003C08

#003006

#002405

#001803

#000C01

#000000

WCAG Contrast Accessibility

6.57:1

Text on #FFFFFF

AA

3.19:1

Text on #000000

AA Large

6.28:1

Text on #F8FAFC

AA

2.72:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #006D0F; }

.text-color { color: #006D0F; }

.border-color { border: 2px solid #006D0F; }

Similar Colors

Darkgreen

#006400