#F9D8D2

#F9D8D2

Color Values

HEX

#F9D8D2

RGB

249, 216, 210

HSL

9.2, 76.5%, 90.0%

HSV

9.2, 15.7%, 97.6%

CMYK

0.0%, 13.3%, 15.7%, 2.4%

OKLCH

0.9081 0.0379 30.0

Properties

Warm Light Nearest: mistyrose 2

Color Harmonies

Complementary

#F9D8D2

#D2F3F9

Analogous

#F9D2E0

#F9EBD2

#F9D8D2

Triadic

#F9D8D2

#D2F9D8

#D8D2F9

Split Complementary

#F9D8D2

#D2F9EB

#D2E0F9

Tetradic

#F9D8D2

#E0F9D2

#D2F3F9

#EBD2F9

Color Blindness Simulation

Original

#F9D8D2

Protanopia

#EBEAD3

Deuteranopia

#EDEFD4

Tritanopia

#F7D5D5

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FCF4F2
100
#F9E5E2
200
#F7C8C0
300
#F1A193
400
#E96F58
500
#E13C1E
600
#B43018
700
#902613
800
#711E0F
900
#52190F
950
#34100A

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.78:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026