#FCB3CF

#FCB3CF

Color Values

HEX

#FCB3CF

RGB

252, 179, 207

HSL

337.0, 92.4%, 84.5%

HSV

337.0, 29.0%, 98.8%

CMYK

0.0%, 29.0%, 17.9%, 1.2%

OKLCH

0.8431 0.0915 354.5

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#FCB3CF

#B3FCE0

Analogous

#FCB3F3

#FCBBB3

#FCB3CF

Triadic

#FCB3CF

#CFFCB3

#B3CFFC

Split Complementary

#FCB3CF

#B3FCBB

#B3F3FC

Tetradic

#FCB3CF

#F3FCB3

#B3FCE0

#BBB3FC

Color Blindness Simulation

Original

#FCB3CF

Protanopia

#DCDCC8

Deuteranopia

#E1E6C7

Tritanopia

#F8C3C2

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FCBAD4
300
#FA89B5
400
#F8498C
500
#F50A64
600
#C40850
700
#9D0640
800
#7B0532
900
#590827
950
#380519

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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