#F8D1CC

#F8D1CC

Color Values

HEX

#F8D1CC

RGB

248, 209, 204

HSL

6.8, 75.9%, 88.6%

HSV

6.8, 17.7%, 97.3%

CMYK

0.0%, 15.7%, 17.7%, 2.7%

OKLCH

0.8924 0.0446 26.6

Properties

Warm Light Nearest: mistyrose 2

Color Harmonies

Complementary

#F8D1CC

#CCF3F8

Analogous

#F8CCDD

#F8E7CC

#F8D1CC

Triadic

#F8D1CC

#CCF8D1

#D1CCF8

Split Complementary

#F8D1CC

#CCF8E7

#CCDDF8

Tetradic

#F8D1CC

#DDF8CC

#CCF3F8

#E7CCF8

Color Blindness Simulation

Original

#F8D1CC

Protanopia

#E7E7CD

Deuteranopia

#E9ECCD

Tritanopia

#F6CECE

Achromatopsia

#D9D9D9

CSS Usage

background-color: #F8D1CC;
color: #F8D1CC;
border-color: #F8D1CC;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FCF4F2
100
#F9E4E2
200
#F6C6C0
300
#F09E93
400
#E86959
500
#E0351F
600
#B32A19
700
#902214
800
#701A0F
900
#52170F
950
#340E0A

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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