#FDC3E2

#FDC3E2

Color Values

HEX

#FDC3E2

RGB

253, 195, 226

HSL

327.9, 93.5%, 87.8%

HSV

327.9, 22.9%, 99.2%

CMYK

0.0%, 22.9%, 10.7%, 0.8%

OKLCH

0.8778 0.0768 345.5

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#FDC3E2

#C3FDDE

Analogous

#FBC3FD

#FDC3C5

#FDC3E2

Triadic

#FDC3E2

#E2FDC3

#C3E2FD

Split Complementary

#FDC3E2

#C5FDC3

#C3FDFB

Tetradic

#FDC3E2

#FDFBC3

#C3FDDE

#C3C5FD

Color Blindness Simulation

Original

#FDC3E2

Protanopia

#E4E3DB

Deuteranopia

#E7ECD9

Tritanopia

#FAD5D3

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FDBADE
300
#FB89C6
400
#F948A7
500
#F70888
600
#C5076D
700
#9E0557
800
#7B0444
900
#590833
950
#380520

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

14.08:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026