#FCC3E6

#FCC3E6

Color Values

HEX

#FCC3E6

RGB

252, 195, 230

HSL

323.2, 90.5%, 87.6%

HSV

323.2, 22.6%, 98.8%

CMYK

0.0%, 22.6%, 8.7%, 1.2%

OKLCH

0.8781 0.0787 341.5

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#FCC3E6

#C3FCD9

Analogous

#F6C3FC

#FCC3C9

#FCC3E6

Triadic

#FCC3E6

#E6FCC3

#C3E6FC

Split Complementary

#FCC3E6

#C9FCC3

#C3FCF6

Tetradic

#FCC3E6

#FCF6C3

#C3FCD9

#C3C9FC

Color Blindness Simulation

Original

#FCC3E6

Protanopia

#E3E3DE

Deuteranopia

#E7EBDC

Tritanopia

#F9D7D5

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF0
200
#FCBBE3
300
#F98ACE
400
#F64BB4
500
#F30C9A
600
#C20A7B
700
#9B0862
800
#79064D
900
#580939
950
#380624

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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