#FDF7F4

#FDF7F4

Color Values

HEX

#FDF7F4

RGB

253, 247, 244

HSL

20,0, 69,2%, 97,5%

HSV

20,0, 3,6%, 99,2%

CMYK

0,0%, 2,4%, 3,6%, 0,8%

OKLCH

0,9799 0,0076 48,7

Properties

Warm Light Nearest: snow

Color Harmonies

Complementary

#FDF7F4

#F4FAFD

Analogous

#FDF4F6

#FDFCF4

#FDF7F4

Triadic

#FDF7F4

#F4FDF7

#F7F4FD

Split Complementary

#FDF7F4

#F4FDFC

#F4F6FD

Tetradic

#FDF7F4

#F6FDF4

#F4FAFD

#FCF4FD

Color Blindness Simulation

Original

#FDF7F4

Protanopia

#FAFAF5

Deuteranopia

#FBFBF5

Tritanopia

#FDF5F5

Achromatopsia

#F8F8F8

CSS Usage

background-color: #FDF7F4;
color: #FDF7F4;
border-color: #FDF7F4;
Nearest Tailwind: Stone 50 #FAFAF9

Tailwind Shades

50
#FCF6F3
100
#F8EAE3
200
#F4D3C3
300
#ECB497
400
#E28B5F
500
#D86227
600
#AD4E1F
700
#8A3F19
800
#6C3114
900
#4F2612
950
#32180C

Contrast Checker

Text on white

1,06:1

AA Fail AAA Fail

Text on black

19,79:1

AA Pass AAA Pass

Part of These Collections

Radix UI Colors

Bronze 2

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