#FDF1DC

#FDF1DC

Color Values

HEX

#FDF1DC

RGB

253, 241, 220

HSL

38.2, 89.2%, 92.7%

HSV

38.2, 13.0%, 99.2%

CMYK

0.0%, 4.7%, 13.0%, 0.8%

OKLCH

0.962 0.0305 81.8

Properties

Warm Light Nearest: antiquewhite

Color Harmonies

Complementary

#FDF1DC

#DCE8FD

Analogous

#FDE0DC

#F8FDDC

#FDF1DC

Triadic

#FDF1DC

#DCFDF1

#F1DCFD

Split Complementary

#FDF1DC

#DCF8FD

#E0DCFD

Tetradic

#FDF1DC

#DCFDE0

#DCE8FD

#FDDCF8

Color Blindness Simulation

Original

#FDF1DC

Protanopia

#F8F8E1

Deuteranopia

#F8F9E2

Tritanopia

#FCE5E6

Achromatopsia

#F2F2F2

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FBF1E0
200
#FBE4BB
300
#F8D18B
400
#F5B84C
500
#F19F0E
600
#C17F0B
700
#9A6509
800
#794F07
900
#573B0A
950
#372506

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

18.79:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026