#FCB2D0

#FCB2D0

Color Values

HEX

#FCB2D0

RGB

252, 178, 208

HSL

335.7, 92.5%, 84.3%

HSV

335.7, 29.4%, 98.8%

CMYK

0.0%, 29.4%, 17.5%, 1.2%

OKLCH

0.8417 0.0936 353.3

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#FCB2D0

#B2FCDE

Analogous

#FCB2F5

#FCB9B2

#FCB2D0

Triadic

#FCB2D0

#D0FCB2

#B2D0FC

Split Complementary

#FCB2D0

#B2FCB9

#B2F5FC

Tetradic

#FCB2D0

#F5FCB2

#B2FCDE

#B9B2FC

Color Blindness Simulation

Original

#FCB2D0

Protanopia

#DCDBC9

Deuteranopia

#E0E6C7

Tritanopia

#F8C3C2

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FCBAD5
300
#FA89B7
400
#F84990
500
#F50A69
600
#C40854
700
#9D0643
800
#7B0535
900
#590829
950
#38051A

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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