#FCC2E1

#FCC2E1

Color Values

HEX

#FCC2E1

RGB

252, 194, 225

HSL

327.9, 90.6%, 87.5%

HSV

327.9, 23.0%, 98.8%

CMYK

0.0%, 23.0%, 10.7%, 1.2%

OKLCH

0.8748 0.0769 345.5

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#FCC2E1

#C2FCDD

Analogous

#FAC2FC

#FCC2C4

#FCC2E1

Triadic

#FCC2E1

#E1FCC2

#C2E1FC

Split Complementary

#FCC2E1

#C4FCC2

#C2FCFA

Tetradic

#FCC2E1

#FCFAC2

#C2FCDD

#C2C4FC

Color Blindness Simulation

Original

#FCC2E1

Protanopia

#E3E2DA

Deuteranopia

#E6EBD8

Tritanopia

#F9D4D2

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBBDE
300
#F98AC6
400
#F64BA7
500
#F30C88
600
#C20A6C
700
#9C0857
800
#7A0644
900
#580933
950
#380620

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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