#E2A166

#E2A166

Color Values

HEX

#E2A166

RGB

226, 161, 102

HSL

28.5, 68.1%, 64.3%

HSV

28.5, 54.9%, 88.6%

CMYK

0.0%, 28.8%, 54.9%, 11.4%

OKLCH

0.7591 0.1081 62.3

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#E2A166

#66A7E2

Analogous

#E26669

#E2DF66

#E2A166

Triadic

#E2A166

#66E2A1

#A166E2

Split Complementary

#E2A166

#66E2DF

#6669E2

Tetradic

#E2A166

#69E266

#66A7E2

#DF66E2

Color Blindness Simulation

Original

#E2A166

Protanopia

#C6C574

Deuteranopia

#CACE78

Tritanopia

#DF8082

Achromatopsia

#ABABAB

CSS Usage

background-color: #E2A166;
color: #E2A166;
border-color: #E2A166;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F4DAC3
300
#EBC098
400
#E19D60
500
#D67B29
600
#AB6321
700
#894F1A
800
#6B3E14
900
#4E2F13
950
#311E0C

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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