#F5DFDD

#F5DFDD

Color Values

HEX

#F5DFDD

RGB

245, 223, 221

HSL

5,0, 54,5%, 91,4%

HSV

5,0, 9,8%, 96,1%

CMYK

0,0%, 9,0%, 9,8%, 3,9%

OKLCH

0,9209 0,0245 23,9

Properties

Warm Light Nearest: mistyrose

Color Harmonies

Complementary

#F5DFDD

#DDF3F5

Analogous

#F5DDE7

#F5EBDD

#F5DFDD

Triadic

#F5DFDD

#DDF5DF

#DFDDF5

Split Complementary

#F5DFDD

#DDF5EB

#DDE7F5

Tetradic

#F5DFDD

#E7F5DD

#DDF3F5

#EBDDF5

Color Blindness Simulation

Original

#F5DFDD

Protanopia

#EBEBDD

Deuteranopia

#EDEEDE

Tritanopia

#F4DEDE

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F5E6E5
200
#EFCBC8
300
#E3A6A0
400
#D4766D
500
#C5463A
600
#9E382E
700
#7E2D25
800
#62231D
900
#481D19
950
#2E1210

Contrast Checker

Text on white

1,27:1

AA Fail AAA Fail

Text on black

16,48: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