#FCDDB0

#FCDDB0

Color Values

HEX

#FCDDB0

RGB

252, 221, 176

HSL

35.5, 92.7%, 83.9%

HSV

35.5, 30.2%, 98.8%

CMYK

0.0%, 12.3%, 30.2%, 1.2%

OKLCH

0.9124 0.0677 76.9

Properties

Warm Light Nearest: navajowhite

Color Harmonies

Complementary

#FCDDB0

#B0CFFC

Analogous

#FCB7B0

#F5FCB0

#FCDDB0

Triadic

#FCDDB0

#B0FCDD

#DDB0FC

Split Complementary

#FCDDB0

#B0F5FC

#B7B0FC

Tetradic

#FCDDB0

#B0FCB7

#B0CFFC

#FCB0F5

Color Blindness Simulation

Original

#FCDDB0

Protanopia

#EFEEBB

Deuteranopia

#F0F3BE

Tritanopia

#FAC3C5

Achromatopsia

#E0E0E0

CSS Usage

background-color: #FCDDB0;
color: #FCDDB0;
border-color: #FCDDB0;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FDF8F1
100
#FBF0DF
200
#FCE1BA
300
#FBCC89
400
#F8B149
500
#F69509
600
#C57707
700
#9D5F06
800
#7B4B05
900
#593808
950
#382305

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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