#FDF1DE

#FDF1DE

Color Values

HEX

#FDF1DE

RGB

253, 241, 222

HSL

36.8, 88.6%, 93.1%

HSV

36.8, 12.3%, 99.2%

CMYK

0.0%, 4.7%, 12.3%, 0.8%

OKLCH

0.9625 0.0282 79.5

Properties

Warm Light Nearest: RAL 9001 Cream

Color Harmonies

Complementary

#FDF1DE

#DEEAFD

Analogous

#FDE1DE

#F9FDDE

#FDF1DE

Triadic

#FDF1DE

#DEFDF1

#F1DEFD

Split Complementary

#FDF1DE

#DEF9FD

#E1DEFD

Tetradic

#FDF1DE

#DEFDE1

#DEEAFD

#FDDEF9

Color Blindness Simulation

Original

#FDF1DE

Protanopia

#F8F8E3

Deuteranopia

#F8F9E4

Tritanopia

#FCE6E7

Achromatopsia

#F2F2F2

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FBF0E0
200
#FBE2BC
300
#F8CE8C
400
#F4B44D
500
#F0990F
600
#C07A0C
700
#9A6209
800
#784D07
900
#57390A
950
#372406

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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