#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