#FCF0D9

#FCF0D9

Color Values

HEX

#FCF0D9

RGB

252, 240, 217

HSL

39.4, 85.4%, 92.0%

HSV

39.4, 13.9%, 98.8%

CMYK

0.0%, 4.8%, 13.9%, 1.2%

OKLCH

0.9585 0.0329 83.7

Properties

Warm Light Nearest: papayawhip

Color Harmonies

Complementary

#FCF0D9

#D9E5FC

Analogous

#FCDFD9

#F7FCD9

#FCF0D9

Triadic

#FCF0D9

#D9FCF0

#F0D9FC

Split Complementary

#FCF0D9

#D9F7FC

#DFD9FC

Tetradic

#FCF0D9

#D9FCDF

#D9E5FC

#FCD9F7

Color Blindness Simulation

Original

#FCF0D9

Protanopia

#F7F7DF

Deuteranopia

#F8F8E0

Tritanopia

#FBE3E4

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FAF1E0
200
#FAE5BD
300
#F6D28E
400
#F1BA50
500
#ECA213
600
#BD810F
700
#97670C
800
#765109
900
#563C0B
950
#362607

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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