#FDF6F4

#FDF6F4

Color Values

HEX

#FDF6F4

RGB

253, 246, 244

HSL

13,3, 69,2%, 97,5%

HSV

13,3, 3,6%, 99,2%

CMYK

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

OKLCH

0,978 0,008 36,6

Properties

Warm Light Nearest: snow

Color Harmonies

Complementary

#FDF6F4

#F4FBFD

Analogous

#FDF4F7

#FDFBF4

#FDF6F4

Triadic

#FDF6F4

#F4FDF6

#F6F4FD

Split Complementary

#FDF6F4

#F4FDFB

#F4F7FD

Tetradic

#FDF6F4

#F7FDF4

#F4FBFD

#FBF4FD

Color Blindness Simulation

Original

#FDF6F4

Protanopia

#FAFAF4

Deuteranopia

#FAFBF5

Tritanopia

#FDF5F5

Achromatopsia

#F7F7F7

CSS Usage

background-color: #FDF6F4;
color: #FDF6F4;
border-color: #FDF6F4;
Nearest Tailwind: Red 50 #FEF2F2

Tailwind Shades

50
#FCF5F3
100
#F8E7E3
200
#F4CEC3
300
#ECAA97
400
#E27C5F
500
#D84E27
600
#AD3F1F
700
#8A3219
800
#6C2714
900
#4F2012
950
#32140C

Contrast Checker

Text on white

1,07:1

AA Fail AAA Fail

Text on black

19,67: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