greenwarmCC0 survey name

Grass #5CAC2D

Grass is a mid-tone, moderately saturated warm color (#5CAC2D; HSL 98° 59% 43%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “grass”.

Use cases: Success states · Nature brands

Open in generator →

Families: Greens · Lime Colors

Color values

FormatValue
HEX#5CAC2D
RGBrgb(92, 172, 45)
HSLhsl(98, 59%, 43%)
HSVhsv(98, 74%, 67%)
OKLCHoklch(66.83% 0.177 136.5)
OKLaboklab(66.83% -0.1287 0.1222)
CMYKcmyk(46.5%, 0%, 73.8%, 32.5%)
XYZxyz(19.6393, 31.9686, 7.6178)
CIE-LABlab(63.3, -46.3, 54.3)
CIE-LCHlch(63.3, 71.4, 130.4°)
Luminance0.320 (WCAG relative)
/* Grass */ --grass: #5cac2d; color: #5cac2d; background-color: #5cac2d;

Source: xkcd color survey name (public domain, CC0). CSS keyword: grass.

Collections: Jewel Tone 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)

#53992a #4b8727 #427524 #3a6421 #32531d #294319 #213316 #192411 #10160a #000000

Tints (toward white)

#6fb445 #80bd5a #91c56f #a2ce83 #b2d697 #c1deac #d1e6c0 #e0efd5 #f0f7ea #ffffff

Tones (toward gray)

#65aa3b #6da947 #74a753 #7aa55d #80a368 #86a272 #8ba07c #909e86 #959b90 #999999

Color harmonies

Complementary

Edit in generator →
#5CAC2D
#7D2DAC
#5cac2d #7d2dac

Analogous

Edit in generator →
#9CAC2D
#5CAC2D
#2DAC3D
#9cac2d #5cac2d #2dac3d

Triadic

Edit in generator →
#5CAC2D
#2D5CAC
#AC2D5C
#5cac2d #2d5cac #ac2d5c

Tetradic

Edit in generator →
#5CAC2D
#2D9CAC
#7D2DAC
#AC3D2D
#5cac2d #2d9cac #7d2dac #ac3d2d

Square

Edit in generator →
#5CAC2D
#2D9CAC
#7D2DAC
#AC3D2D
#5cac2d #2d9cac #7d2dac #ac3d2d

Split Complementary

Edit in generator →
#5CAC2D
#3D2DAC
#AC2D9C
#5cac2d #3d2dac #ac2d9c

Monochromatic

Edit in generator →
#284B14
#427B20
#5CAC2D
#79CF47
#9DDC78
#284b14 #427b20 #5cac2d #79cf47 #9ddc78

Accessibility & contrast

2.84
#5CAC2D on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
7.39
#5CAC2D on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on grass

7.39
#000000 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)
#B29D15
Deuteranopia (green-blind)
#A7973A
Tritanopia (blue-blind)
#58A693

Closest named colors

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

ColorNameΔE₀₀
Leaf Green #5CA9042.80
Leaf #71AA343.00
Lawn Green #4DA4093.26
Kermit Green #5CB2003.36
Leafy Green #51B73B3.69
Kelly Green #4CBB174.73

Colors that go with grass

Top matches by hue harmony, contrast and saturation compatibility.

Celery #C1FD95
2.4:1
Same hue family as grass (Δh 3°) — guaranteed harmony
Green Yellow #B5CE08
1.6:1
Analogous hue (Δh ≈30°) — neighbors on the color wheel
Maroon #800000
3.9:1
UI contrast with the anchor (3.86:1, passes AA large text)
Deep Blue #040273
5.9:1
Split-complementary angle (Δh ≈143°) — strong but softer than direct complement
Indigo #4B0082
4.6:1
Complementary hue (Δh ≈177°) — 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.