#FFC8D8

#FFC8D8

Color Values

HEX

#FFC8D8

RGB

255, 200, 216

HSL

342.5, 100.0%, 89.2%

HSV

342.5, 21.6%, 100.0%

CMYK

0.0%, 21.6%, 15.3%, 0.0%

OKLCH

0.8857 0.0655 359.3

Properties

Warm Light Nearest: pink

Color Harmonies

Complementary

#FFC8D8

#C8FFEF

Analogous

#FFC8F4

#FFD3C8

#FFC8D8

Triadic

#FFC8D8

#D8FFC8

#C8D8FF

Split Complementary

#FFC8D8

#C8FFD3

#C8F4FF

Tetradic

#FFC8D8

#F4FFC8

#C8FFEF

#D3C8FF

Color Blindness Simulation

Original

#FFC8D8

Protanopia

#E7E7D4

Deuteranopia

#EAEED3

Tritanopia

#FCD1D0

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#FEF1F5
100
#FCDEE7
200
#FFB8CC
300
#FF85A8
400
#FF4279
500
#FF004A
600
#CC003C
700
#A30030
800
#800025
900
#5C051E
950
#3A0313

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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