Colors

#556B2F

Dark Olive Green

Dark Olive Green is #556B2F. In CSS you can write it as the keyword darkolivegreen. The values below are the same sRGB color in HEX, RGB, HSL, HSV, a simple CMYK conversion, and OKLCH. CMYK here is a channel formula for reference, not a press proof.

Conversions

HEX
#556B2F
RGB
rgb(85, 107, 47)
HSL
hsl(82,39%,30%)
HSV
hsv(82, 56%, 42%)
CMYK
cmyk(21,0,56,58)
OKLCH
oklch(49.6% 0.090 126.2)

Tints and shades

Tints mix this color toward white. Shades mix it toward black in sRGB. For a 50–950 ramp, open the tint and shade generator.

Tints

#778959

20% white

#99A682

40% white

#BBC4AC

60% white

#DDE1D5

80% white

Shades

#445626

20% black

#33401C

40% black

#222B13

60% black

#111509

80% black

Harmony palettes

These schemes rotate hue from Dark Olive Green. Read the relationships in color theory 101 or adjust them on the color wheel.

Complementary

Open in palette generator

#546A2F

#452F6A

#7B9253

#6A5392

#282E1F

Analogous

Open in palette generator

#6A622F

#546A2F

#376A2F

#2F6A45

#664633

Triadic

Open in palette generator

#546A2F

#2F546A

#6A2F54

#537B92

#412537

Split Complementary

Open in palette generator

#546A2F

#2F376A

#622F6A

#879D62

#241F2E

Monochromatic

Open in palette generator

#38471F

#637C36

#8DB14E

#AFC983

#D1E0B8

Tetradic

Open in palette generator

#546A2F

#2F6A62

#452F6A

#6A2F37

#50867F

Contrast against white and black

Ratios use the WCAG relative-luminance formula. AA normal text needs 4.5:1 and large text needs 3:1 under Success Criterion 1.4.3. AAA uses 7:1 and 4.5:1. A pass here is only this pair, not a full page audit. Check other pairings in the contrast checker.

On white · 5.95:1
AA normal text Pass
AA large text Pass
AAA normal text Fail
AAA large text Pass
On black · 3.53:1
AA normal text Fail
AA large text Pass
AAA normal text Fail
AAA large text Fail

Similar named colors

Nearest CSS named colors by RGB distance. Distance is not a perceptual match.

Use this color