#F8C8DC

#F8C8DC

Color Values

HEX

#F8C8DC

RGB

248, 200, 220

HSL

335.0, 77.4%, 87.8%

HSV

335.0, 19.4%, 97.3%

CMYK

0.0%, 19.4%, 11.3%, 2.7%

OKLCH

0.8803 0.06 351.5

Properties

Warm Light Nearest: Pig Pink

Color Harmonies

Complementary

#F8C8DC

#C8F8E4

Analogous

#F8C8F4

#F8CCC8

#F8C8DC

Triadic

#F8C8DC

#DCF8C8

#C8DCF8

Split Complementary

#F8C8DC

#C8F8CC

#C8F4F8

Tetradic

#F8C8DC

#F4F8C8

#C8F8E4

#CCC8F8

Color Blindness Simulation

Original

#F8C8DC

Protanopia

#E3E3D7

Deuteranopia

#E6EAD6

Tritanopia

#F6D3D2

Achromatopsia

#D4D4D4

CSS Usage

background-color: #F8C8DC;
color: #F8C8DC;
border-color: #F8C8DC;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FCF2F7
100
#F9E1EB
200
#F7C0D7
300
#F192BA
400
#EA5894
500
#E21D6F
600
#B51759
700
#911247
800
#710E38
900
#520F2B
950
#34091B

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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