#F8D0D2

#F8D0D2

Color Values

HEX

#F8D0D2

RGB

248, 208, 210

HSL

357.0, 74.1%, 89.4%

HSV

357.0, 16.1%, 97.3%

CMYK

0.0%, 16.1%, 15.3%, 2.7%

OKLCH

0.8922 0.0451 14.6

Properties

Warm Light Nearest: mistyrose 2

Color Harmonies

Complementary

#F8D0D2

#D0F8F6

Analogous

#F8D0E6

#F8E2D0

#F8D0D2

Triadic

#F8D0D2

#D2F8D0

#D0D2F8

Split Complementary

#F8D0D2

#D0F8E2

#D0E6F8

Tetradic

#F8D0D2

#E6F8D0

#D0F8F6

#E2D0F8

Color Blindness Simulation

Original

#F8D0D2

Protanopia

#E7E6D2

Deuteranopia

#E9ECD1

Tritanopia

#F6D1D1

Achromatopsia

#D9D9D9

CSS Usage

background-color: #F8D0D2;
color: #F8D0D2;
border-color: #F8D0D2;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#FCF3F3
100
#F8E2E3
200
#F6C1C3
300
#EF9499
400
#E75B62
500
#DE212A
600
#B21A22
700
#8E151B
800
#6F1115
900
#511013
950
#330A0C

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

14.94:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026