#FCB7DC

#FCB7DC

Color Values

HEX

#FCB7DC

RGB

252, 183, 220

HSL

327.8, 92.0%, 85.3%

HSV

327.8, 27.4%, 98.8%

CMYK

0.0%, 27.4%, 12.7%, 1.2%

OKLCH

0.854 0.0922 345.8

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#FCB7DC

#B7FCD7

Analogous

#F9B7FC

#FCB7BA

#FCB7DC

Triadic

#FCB7DC

#DCFCB7

#B7DCFC

Split Complementary

#FCB7DC

#BAFCB7

#B7FCF9

Tetradic

#FCB7DC

#FCF9B7

#B7FCD7

#B7BAFC

Color Blindness Simulation

Original

#FCB7DC

Protanopia

#DEDED3

Deuteranopia

#E2E7D1

Tritanopia

#F9CCCA

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBADE
300
#FA89C6
400
#F74AA7
500
#F50A88
600
#C4086D
700
#9D0757
800
#7A0544
900
#590833
950
#380520

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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