#E7E482

#E7E482

Color Values

HEX

#E7E482

RGB

231, 228, 130

HSL

58.2, 67.8%, 70.8%

HSV

58.2, 43.7%, 90.6%

CMYK

0.0%, 1.3%, 43.7%, 9.4%

OKLCH

0.9005 0.1207 107.0

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#E7E482

#8285E7

Analogous

#E7B282

#B8E782

#E7E482

Triadic

#E7E482

#82E7E4

#E482E7

Split Complementary

#E7E482

#82B8E7

#B282E7

Tetradic

#E7E482

#82E7B2

#8285E7

#E782B8

Color Blindness Simulation

Original

#E7E482

Protanopia

#E6E69A

Deuteranopia

#E6E69F

Tritanopia

#E7ACB1

Achromatopsia

#DEDEDE

CSS Usage

background-color: #E7E482;
color: #E7E482;
border-color: #E7E482;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FCFBF3
100
#F7F7E3
200
#F4F2C3
300
#EBE998
400
#E1DD61
500
#D6D129
600
#ABA721
700
#89861A
800
#6B6815
900
#4E4C13
950
#31300C

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.82:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026