#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026