#FDE4CC

#FDE4CC

Color Values

HEX

#FDE4CC

RGB

253, 228, 204

HSL

29.4, 92.5%, 89.6%

HSV

29.4, 19.4%, 99.2%

CMYK

0.0%, 9.9%, 19.4%, 0.8%

OKLCH

0.933 0.042 66.1

Properties

Warm Light Nearest: blanchedalmond

Color Harmonies

Complementary

#FDE4CC

#CCE5FD

Analogous

#FDCCCC

#FDFDCC

#FDE4CC

Triadic

#FDE4CC

#CCFDE4

#E4CCFD

Split Complementary

#FDE4CC

#CCFDFD

#CCCCFD

Tetradic

#FDE4CC

#CCFDCC

#CCE5FD

#FDCCFD

Color Blindness Simulation

Original

#FDE4CC

Protanopia

#F2F2D2

Deuteranopia

#F4F6D3

Tritanopia

#FCD6D7

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDBBA
300
#FAC189
400
#F89F49
500
#F57D0A
600
#C46408
700
#9D5006
800
#7B3F05
900
#593008
950
#381E05

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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