#FDF7F1

#FDF7F1

Color Values

HEX

#FDF7F1

RGB

253, 247, 241

HSL

30,0, 75,0%, 96,9%

HSV

30,0, 4,7%, 99,2%

CMYK

0,0%, 2,4%, 4,7%, 0,8%

OKLCH

0,9791 0,0102 67,7

Properties

Warm Light Nearest: seashell

Color Harmonies

Complementary

#FDF7F1

#F1F7FD

Analogous

#FDF1F1

#FDFDF1

#FDF7F1

Triadic

#FDF7F1

#F1FDF7

#F7F1FD

Split Complementary

#FDF7F1

#F1FDFD

#F1F1FD

Tetradic

#FDF7F1

#F1FDF1

#F1F7FD

#FDF1FD

Color Blindness Simulation

Original

#FDF7F1

Protanopia

#FAFAF2

Deuteranopia

#FBFBF3

Tritanopia

#FDF4F4

Achromatopsia

#F8F8F8

CSS Usage

background-color: #FDF7F1;
color: #FDF7F1;
border-color: #FDF7F1;
Nearest Tailwind: Orange 50 #FFF7ED

Tailwind Shades

50
#FCF7F2
100
#F9EDE2
200
#F6DBC1
300
#F0C294
400
#E7A15A
500
#DF8020
600
#B36619
700
#8F5214
800
#704010
900
#513010
950
#331F0A

Contrast Checker

Text on white

1,06:1

AA Fail AAA Fail

Text on black

19,75:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

فبراير 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

فبراير 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

فبراير 20, 2026