#FCF1D9

#FCF1D9

Color Values

HEX

#FCF1D9

RGB

252, 241, 217

HSL

41.1, 85.4%, 92.0%

HSV

41.1, 13.9%, 98.8%

CMYK

0.0%, 4.4%, 13.9%, 1.2%

OKLCH

0.9605 0.0337 86.3

Properties

Warm Light Nearest: papayawhip

Color Harmonies

Complementary

#FCF1D9

#D9E4FC

Analogous

#FCE0D9

#F6FCD9

#FCF1D9

Triadic

#FCF1D9

#D9FCF1

#F1D9FC

Split Complementary

#FCF1D9

#D9F6FC

#E0D9FC

Tetradic

#FCF1D9

#D9FCE0

#D9E4FC

#FCD9F6

Color Blindness Simulation

Original

#FCF1D9

Protanopia

#F7F7DF

Deuteranopia

#F8F9E0

Tritanopia

#FBE3E4

Achromatopsia

#F2F2F2

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FAF2E0
200
#FAE7BD
300
#F6D58E
400
#F1BE50
500
#ECA813
600
#BD860F
700
#976B0C
800
#765409
900
#563E0B
950
#362707

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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