#FCB2CF

#FCB2CF

Color Values

HEX

#FCB2CF

RGB

252, 178, 207

HSL

336,5, 92,5%, 84,3%

HSV

336,5, 29,4%, 98,8%

CMYK

0,0%, 29,4%, 17,9%, 1,2%

OKLCH

0,8414 0,0931 354,1

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#FCB2CF

#B2FCDF

Analogous

#FCB2F4

#FCBAB2

#FCB2CF

Triadic

#FCB2CF

#CFFCB2

#B2CFFC

Split Complementary

#FCB2CF

#B2FCBA

#B2F4FC

Tetradic

#FCB2CF

#F4FCB2

#B2FCDF

#BAB2FC

Color Blindness Simulation

Original

#FCB2CF

Protanopia

#DCDBC8

Deuteranopia

#E0E6C6

Tritanopia

#F8C2C1

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FCBAD4
300
#FA89B6
400
#F8498E
500
#F50A66
600
#C40852
700
#9D0641
800
#7B0533
900
#590828
950
#380519

Contrast Checker

Text on white

1,69:1

AA Fail AAA Fail

Text on black

12,41:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026