#FDC2DE

#FDC2DE

Color Values

HEX

#FDC2DE

RGB

253, 194, 222

HSL

331.5, 93.7%, 87.6%

HSV

331.5, 23.3%, 99.2%

CMYK

0.0%, 23.3%, 12.3%, 0.8%

OKLCH

0.8748 0.076 348.7

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#FDC2DE

#C2FDE1

Analogous

#FDC2FC

#FDC3C2

#FDC2DE

Triadic

#FDC2DE

#DEFDC2

#C2DEFD

Split Complementary

#FDC2DE

#C2FDC3

#C2FCFD

Tetradic

#FDC2DE

#FCFDC2

#C2FDE1

#C3C2FD

Color Blindness Simulation

Original

#FDC2DE

Protanopia

#E3E3D7

Deuteranopia

#E7EBD6

Tritanopia

#FAD2D1

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFEC
200
#FDBADA
300
#FB88BF
400
#F9489C
500
#F7087A
600
#C60661
700
#9E054E
800
#7B043D
900
#59082E
950
#38051D

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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