#FEE2C4

#FEE2C4

Color Values

HEX

#FEE2C4

RGB

254, 226, 196

HSL

31.0, 96.7%, 88.2%

HSV

31.0, 22.8%, 99.6%

CMYK

0.0%, 11.0%, 22.8%, 0.4%

OKLCH

0.9281 0.0502 69.1

Properties

Warm Light Nearest: bisque

Color Harmonies

Complementary

#FEE2C4

#C4E0FE

Analogous

#FEC5C4

#FDFEC4

#FEE2C4

Triadic

#FEE2C4

#C4FEE2

#E2C4FE

Split Complementary

#FEE2C4

#C4FDFE

#C5C4FE

Tetradic

#FEE2C4

#C4FEC5

#C4E0FE

#FEC4FD

Color Blindness Simulation

Original

#FEE2C4

Protanopia

#F2F2CB

Deuteranopia

#F4F6CD

Tritanopia

#FDD1D2

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEEDE
200
#FEDCB9
300
#FDC487
400
#FCA445
500
#FB8404
600
#C96903
700
#A15403
800
#7D4202
900
#5B3206
950
#391F04

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

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