#FDF7E2

#FDF7E2

Color Values

HEX

#FDF7E2

RGB

253, 247, 226

HSL

46.7, 87.1%, 93.9%

HSV

46.7, 10.7%, 99.2%

CMYK

0.0%, 2.4%, 10.7%, 0.8%

OKLCH

0.9752 0.0283 93.7

Properties

Warm Light Nearest: RAL 9001 Cream

Color Harmonies

Complementary

#FDF7E2

#E2E8FD

Analogous

#FDE9E2

#F5FDE2

#FDF7E2

Triadic

#FDF7E2

#E2FDF7

#F7E2FD

Split Complementary

#FDF7E2

#E2F5FD

#E9E2FD

Tetradic

#FDF7E2

#E2FDE9

#E2E8FD

#FDE2F5

Color Blindness Simulation

Original

#FDF7E2

Protanopia

#FAFAE7

Deuteranopia

#FBFBE8

Tritanopia

#FDEBEC

Achromatopsia

#F7F7F7

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FAF5E0
200
#FAEDBC
300
#F7DF8C
400
#F3CE4E
500
#EFBD10
600
#BF970D
700
#99790B
800
#775F08
900
#56460A
950
#372C07

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

19.58:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026