#FCCBED

#FCCBED

Color Values

HEX

#FCCBED

RGB

252, 203, 237

HSL

318.4, 89.1%, 89.2%

HSV

318.4, 19.4%, 98.8%

CMYK

0.0%, 19.4%, 6.0%, 1.2%

OKLCH

0.8946 0.0704 337.6

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#FCCBED

#CBFCDA

Analogous

#F3CBFC

#FCCBD4

#FCCBED

Triadic

#FCCBED

#EDFCCB

#CBEDFC

Split Complementary

#FCCBED

#D4FCCB

#CBFCF3

Tetradic

#FCCBED

#FCF3CB

#CBFCDA

#CBD4FC

Color Blindness Simulation

Original

#FCCBED

Protanopia

#E7E6E5

Deuteranopia

#EAEDE3

Tritanopia

#FADEDD

Achromatopsia

#D8D8D8

CSS Usage

background-color: #FCCBED;
color: #FCCBED;
border-color: #FCCBED;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FDF2FA
100
#FBE0F2
200
#FBBBE8
300
#F88BD7
400
#F54DC1
500
#F10EAB
600
#C10B89
700
#9A096E
800
#790756
900
#570A3F
950
#370628

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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