#E2C093

#E2C093

Color Values

HEX

#E2C093

RGB

226, 192, 147

HSL

34.2, 57.7%, 73.1%

HSV

34.2, 35.0%, 88.6%

CMYK

0.0%, 15.0%, 35.0%, 11.4%

OKLCH

0.8263 0.0709 74.3

Properties

Warm Light Nearest: Gold

Color Harmonies

Complementary

#E2C093

#93B5E2

Analogous

#E29893

#DCE293

#E2C093

Triadic

#E2C093

#93E2C0

#C093E2

Split Complementary

#E2C093

#93DCE2

#9893E2

Tetradic

#E2C093

#93E298

#93B5E2

#E293DC

Color Blindness Simulation

Original

#E2C093

Protanopia

#D3D39E

Deuteranopia

#D5D8A0

Tritanopia

#E0A6A8

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F6EEE4
200
#F0DEC7
300
#E5C79E
400
#D7A86A
500
#C98A36
600
#A16E2B
700
#815823
800
#65451B
900
#4A3417
950
#2E210F

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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