#E4CFB1

#E4CFB1

Color Values

HEX

#E4CFB1

RGB

228, 207, 177

HSL

35.3, 48.6%, 79.4%

HSV

35.3, 22.4%, 89.4%

CMYK

0.0%, 9.2%, 22.4%, 10.6%

OKLCH

0.8641 0.0464 76.8

Properties

Warm Light Nearest: bisque 2

Color Harmonies

Complementary

#E4CFB1

#B1C6E4

Analogous

#E4B5B1

#DFE4B1

#E4CFB1

Triadic

#E4CFB1

#B1E4CF

#CFB1E4

Split Complementary

#E4CFB1

#B1DFE4

#B5B1E4

Tetradic

#E4CFB1

#B1E4B5

#B1C6E4

#E4B1DF

Color Blindness Simulation

Original

#E4CFB1

Protanopia

#DBDBB8

Deuteranopia

#DCDEBA

Tritanopia

#E3BEBF

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE6
200
#EDDECA
300
#E0C7A4
400
#CFA973
500
#BD8A42
600
#986F34
700
#79592A
800
#5F4521
900
#46341B
950
#2C2111

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

13.86:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026