#E2C9AF

#E2C9AF

Color Values

HEX

#E2C9AF

RGB

226, 201, 175

HSL

30.6, 46.8%, 78.6%

HSV

30.6, 22.6%, 88.6%

CMYK

0.0%, 11.1%, 22.6%, 11.4%

OKLCH

0.8501 0.045 68.3

Properties

Warm Light Nearest: bisque 2

Color Harmonies

Complementary

#E2C9AF

#AFC8E2

Analogous

#E2AFAF

#E1E2AF

#E2C9AF

Triadic

#E2C9AF

#AFE2C9

#C9AFE2

Split Complementary

#E2C9AF

#AFE1E2

#AFAFE2

Tetradic

#E2C9AF

#AFE2AF

#AFC8E2

#E2AFE1

Color Blindness Simulation

Original

#E2C9AF

Protanopia

#D7D7B5

Deuteranopia

#D9DAB7

Tritanopia

#E1BABB

Achromatopsia

#CCCCCC

CSS Usage

background-color: #E2C9AF;
color: #E2C9AF;
border-color: #E2C9AF;
Nearest Tailwind: Orange 100 #FFEDD5

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#ECDCCB
300
#DEC2A5
400
#CDA274
500
#BB8144
600
#966736
700
#78522B
800
#5E4022
900
#45311C
950
#2B1F12

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.21:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026