#F5DCD8

#F5DCD8

Color Values

HEX

#F5DCD8

RGB

245, 220, 216

HSL

8.3, 59.2%, 90.4%

HSV

8.3, 11.8%, 96.1%

CMYK

0.0%, 10.2%, 11.8%, 3.9%

OKLCH

0.9138 0.0283 28.5

Properties

Warm Light Nearest: mistyrose 2

Color Harmonies

Complementary

#F5DCD8

#D8F1F5

Analogous

#F5D8E3

#F5EBD8

#F5DCD8

Triadic

#F5DCD8

#D8F5DC

#DCD8F5

Split Complementary

#F5DCD8

#D8F5EB

#D8E3F5

Tetradic

#F5DCD8

#E3F5D8

#D8F1F5

#EBD8F5

Color Blindness Simulation

Original

#F5DCD8

Protanopia

#EAEAD9

Deuteranopia

#ECEED9

Tritanopia

#F4DADA

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F6E7E4
200
#F0CCC6
300
#E6A89E
400
#D97869
500
#CB4934
600
#A23A2A
700
#822F21
800
#65241A
900
#4A1E17
950
#2F130E

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

16.11: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