#FCADD6

#FCADD6

Color Values

HEX

#FCADD6

RGB

252, 173, 214

HSL

328.9, 92.9%, 83.3%

HSV

328.9, 31.3%, 98.8%

CMYK

0.0%, 31.3%, 15.1%, 1.2%

OKLCH

0.835 0.1052 347.2

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#FCADD6

#ADFCD3

Analogous

#FBADFC

#FCADAE

#FCADD6

Triadic

#FCADD6

#D6FCAD

#ADD6FC

Split Complementary

#FCADD6

#AEFCAD

#ADFCFB

Tetradic

#FCADD6

#FCFBAD

#ADFCD3

#ADAEFC

Color Blindness Simulation

Original

#FCADD6

Protanopia

#DAD9CC

Deuteranopia

#DEE4CA

Tritanopia

#F8C4C3

Achromatopsia

#C1C1C1

CSS Usage

background-color: #FCADD6;
color: #FCADD6;
border-color: #FCADD6;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBADD
300
#FB89C4
400
#F849A4
500
#F60984
600
#C50769
700
#9D0654
800
#7B0542
900
#590832
950
#380520

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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