greenwarmCSS named color

Darkolivegreen #556B2F

Darkolivegreen is a dark, muted cool-toned color with a warm cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Success states · Nature brands

Open in generator →

Families: Greens · Olive Colors

Color values

FormatValue
HEX#556B2F
RGBrgb(85, 107, 47)
HSLhsl(82, 39%, 30%)
HSVhsv(82, 56%, 42%)
OKLCHoklch(49.55% 0.09 126.2)
OKLaboklab(49.55% -0.0529 0.0723)
CMYKcmyk(20.6%, 0%, 56.1%, 58%)
XYZxyz(9.5171, 12.6518, 4.6294)
CIE-LABlab(42.2, -18.8, 30.6)
CIE-LCHlch(42.2, 35.9, 121.6°)
Luminance0.127 (WCAG relative)
/* Darkolivegreen */ --darkolivegreen: #556b2f; color: #556b2f; background-color: #556b2f;

Source: W3C CSS named color. CSS keyword: darkolivegreen.

Collections: Olive Green Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#4d602b #445527 #3c4b23 #34401f #2d361c #252c18 #1e2314 #171a0f #0e1008 #000000

Tints (toward white)

#657942 #768756 #869569 #97a47d #a8b292 #b9c1a7 #cad0bc #dce0d2 #edefe8 #ffffff

Tones (toward gray)

#576a35 #596a3a #5b6940 #5c6845 #5e674a #5f674f #606654 #62655a #63645f #646464

Color harmonies

Complementary

Edit in generator →
#556B2F
#452F6B
#556b2f #452f6b

Analogous

Edit in generator →
#6B632F
#556B2F
#376B2F
#6b632f #556b2f #376b2f

Triadic

Edit in generator →
#556B2F
#2F556B
#6B2F55
#556b2f #2f556b #6b2f55

Tetradic

Edit in generator →
#556B2F
#2F6B63
#452F6B
#6B2F37
#556b2f #2f6b63 #452f6b #6b2f37

Square

Edit in generator →
#556B2F
#2F6B63
#452F6B
#6B2F37
#556b2f #2f6b63 #452f6b #6b2f37

Split Complementary

Edit in generator →
#556B2F
#2F376B
#632F6B
#556b2f #2f376b #632f6b

Monochromatic

Edit in generator →
#11160A
#33401C
#556B2F
#779642
#96B85D
#11160a #33401c #556b2f #779642 #96b85d

Accessibility & contrast

5.95
#556B2F on #FFFFFF
AA text AA large AAA text UI 3:1
3.53
#556B2F on #000000
AA text AA large AAA text UI 3:1

Best text on darkolivegreen

5.95
#FFFFFF text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#706529
Deuteranopia (green-blind)
#6D6333
Tritanopia (blue-blind)
#58665E

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Camo Green #5265252.46
Muddy Green #6574324.56
Camouflage Green #4B61134.96
Army Green #4B5D165.56
Military Green #667C3E6.46
Olive Drab #6F76327.17

Colors that go with darkolivegreen

Top matches by hue harmony, contrast and saturation compatibility.

Cream #FFFDD0
5.7:1
Analogous hue (Δh ≈25°) — neighbors on the color wheel
Pale #FFF9D0
5.6:1
Analogous hue (Δh ≈30°) — neighbors on the color wheel
Light Cyan #ACFFFC
5.2:1
Text-safe contrast with the anchor (5.23:1, passes WCAG AA)
Light Periwinkle #C1C6FC
3.6:1
Split-complementary angle (Δh ≈153°) — strong but softer than direct complement
Lavender #B39DDB
2.5:1
Complementary hue (Δh ≈179°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.