#E7C491

#E7C491

Color Values

HEX

#E7C491

RGB

231, 196, 145

HSL

35.6, 64.2%, 73.7%

HSV

35.6, 37.2%, 90.6%

CMYK

0.0%, 15.2%, 37.2%, 9.4%

OKLCH

0.8385 0.0775 76.7

Properties

Warm Light Nearest: Gold

Color Harmonies

Complementary

#E7C491

#91B4E7

Analogous

#E79991

#DFE791

#E7C491

Triadic

#E7C491

#91E7C4

#C491E7

Split Complementary

#E7C491

#91DFE7

#9991E7

Tetradic

#E7C491

#91E799

#91B4E7

#E791DF

Color Blindness Simulation

Original

#E7C491

Protanopia

#D8D89D

Deuteranopia

#DADCA0

Tritanopia

#E5A7A9

Achromatopsia

#C8C8C8

CSS Usage

background-color: #E7C491;
color: #E7C491;
border-color: #E7C491;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FCF8F3
100
#F7EFE3
200
#F2E0C4
300
#E9C99B
400
#DDAC64
500
#D18F2E
600
#A77225
700
#865B1D
800
#694717
900
#4C3614
950
#30220D

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.7: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