#FDDFD4

#FDDFD4

Color Values

HEX

#FDDFD4

RGB

253, 223, 212

HSL

16.1, 91.1%, 91.2%

HSV

16.1, 16.2%, 99.2%

CMYK

0.0%, 11.9%, 16.2%, 0.8%

OKLCH

0.9254 0.0365 41.2

Properties

Warm Light Nearest: mistyrose

Color Harmonies

Complementary

#FDDFD4

#D4F2FD

Analogous

#FDD4DE

#FDF4D4

#FDDFD4

Triadic

#FDDFD4

#D4FDDF

#DFD4FD

Split Complementary

#FDDFD4

#D4FDF4

#D4DEFD

Tetradic

#FDDFD4

#DEFDD4

#D4F2FD

#F4D4FD

Color Blindness Simulation

Original

#FDDFD4

Protanopia

#F0F0D7

Deuteranopia

#F2F4D7

Tritanopia

#FCD9D9

Achromatopsia

#E5E5E5

CSS Usage

background-color: #FDDFD4;
color: #FDDFD4;
border-color: #FDDFD4;
Nearest Tailwind: Red 100 #FEE2E2

Tailwind Shades

50
#FDF5F1
100
#FBE7DF
200
#FCCCBB
300
#FAA88A
400
#F7794B
500
#F44A0B
600
#C33B09
700
#9C2F07
800
#7A2506
900
#581E09
950
#381306

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.68:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026