#FCF4DF

#FCF4DF

Color Values

HEX

#FCF4DF

RGB

252, 244, 223

HSL

43.4, 82.9%, 93.1%

HSV

43.4, 11.5%, 98.8%

CMYK

0.0%, 3.2%, 11.5%, 1.2%

OKLCH

0.9678 0.0289 89.6

Properties

Warm Light Nearest: RAL 9001 Cream

Color Harmonies

Complementary

#FCF4DF

#DFE7FC

Analogous

#FCE5DF

#F5FCDF

#FCF4DF

Triadic

#FCF4DF

#DFFCF4

#F4DFFC

Split Complementary

#FCF4DF

#DFF5FC

#E5DFFC

Tetradic

#FCF4DF

#DFFCE5

#DFE7FC

#FCDFF5

Color Blindness Simulation

Original

#FCF4DF

Protanopia

#F9F8E4

Deuteranopia

#F9FAE5

Tritanopia

#FCE8E9

Achromatopsia

#F4F4F4

CSS Usage

background-color: #FCF4DF;
color: #FCF4DF;
border-color: #FCF4DF;
Nearest Tailwind: Yellow 50 #FEFCE8

Tailwind Shades

50
#FDFAF2
100
#FAF3E1
200
#F9E9BE
300
#F5D88F
400
#EFC452
500
#E9AF16
600
#BB8C11
700
#95700E
800
#75570B
900
#55410C
950
#352908

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

19.14:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026