yellowwarmCC0 survey name

Light Khaki #E6F2A2

Light Khaki is a light, vivid warm color (#E6F2A2; HSL 69° 75% 79%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “light khaki”.

Use cases: Highlights · Warm accents

Open in generator →

Families: Yellows

Color values

FormatValue
HEX#E6F2A2
RGBrgb(230, 242, 162)
HSLhsl(69, 75%, 79%)
HSVhsv(69, 33%, 95%)
OKLCHoklch(93.38% 0.102 115.4)
OKLaboklab(93.38% -0.0439 0.0926)
CMYKcmyk(5%, 0%, 33.1%, 5.1%)
XYZxyz(70.9069, 82.9365, 46.4484)
CIE-LABlab(93.0, -16.3, 37.4)
CIE-LCHlch(93.0, 40.8, 113.6°)
Luminance0.829 (WCAG relative)
/* Light Khaki */ --light-khaki: #e6f2a2; color: #e6f2a2; background-color: #e6f2a2;

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

Collections: Citrus 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)

#ccd791 #b3bc7f #9ba36f #838a5e #6c714f #565a3f #414431 #2d2e22 #1a1b15 #000000

Tints (toward white)

#e9f3ab #ecf5b5 #eff6be #f1f7c7 #f4f8d1 #f6fada #f9fbe3 #fbfcec #fdfef6 #ffffff

Tones (toward gray)

#e7f1a9 #e8f1b1 #e8f0b8 #e9efc0 #eaeec7 #eaeece #eaedd5 #ebecdc #ebece4 #ebebeb

Color harmonies

Complementary

Edit in generator →
#E6F2A2
#AEA2F2
#e6f2a2 #aea2f2

Analogous

Edit in generator →
#F2D6A2
#E6F2A2
#BEF2A2
#f2d6a2 #e6f2a2 #bef2a2

Triadic

Edit in generator →
#E6F2A2
#A2E6F2
#F2A2E6
#e6f2a2 #a2e6f2 #f2a2e6

Tetradic

Edit in generator →
#E6F2A2
#A2F2D6
#AEA2F2
#F2A2BE
#e6f2a2 #a2f2d6 #aea2f2 #f2a2be

Square

Edit in generator →
#E6F2A2
#A2F2D6
#AEA2F2
#F2A2BE
#e6f2a2 #a2f2d6 #aea2f2 #f2a2be

Split Complementary

Edit in generator →
#E6F2A2
#A2BEF2
#D6A2F2
#e6f2a2 #a2bef2 #d6a2f2

Monochromatic

Edit in generator →
#C9E337
#D8EA6C
#E6F2A2
#F4FAD8
#F8FBE4
#c9e337 #d8ea6c #e6f2a2 #f4fad8 #f8fbe4

Accessibility & contrast

1.19
#E6F2A2 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
17.59
#E6F2A2 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on light khaki

17.59
#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)
#FDEA9C
Deuteranopia (green-blind)
#FCECA6
Tritanopia (blue-blind)
#EFE9DE

Closest named colors

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

ColorNameΔE₀₀
Parchment #FEFCAF4.45
Creme #FFFFB64.54
Light Beige #FFFEB64.66
Buff #FEF69E5.68
Palegoldenrod #EEE8AA5.71
Khaki (CSS) #F0E68C6.45

Colors that go with light khaki

Top matches by hue harmony, contrast and saturation compatibility.

Dark Olive #373E02
9.5:1
Same hue family as light khaki (Δh 2°) — guaranteed harmony
Deep Green #02590F
7.2:1
Warm/cool bridge (Δh 60°) — adds depth without tension
Grape Purple #5D1451
10.4:1
Triadic harmony (Δh ≈119°) — balanced three-way contrast
Navy Blue #1B2A4A
11.9:1
Split-complementary angle (Δh ≈152°) — strong but softer than direct complement
Midnight #03012D
16.8:1
Complementary hue (Δh ≈174°) — 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.