#FCCBF9

#FCCBF9

Color Values

HEX

#FCCBF9

RGB

252, 203, 249

HSL

303.7, 89.1%, 89.2%

HSV

303.7, 19.4%, 98.8%

CMYK

0.0%, 19.4%, 1.2%, 1.2%

OKLCH

0.8986 0.0812 328.2

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#FCCBF9

#CBFCCE

Analogous

#E6CBFC

#FCCBE0

#FCCBF9

Triadic

#FCCBF9

#F9FCCB

#CBF9FC

Split Complementary

#FCCBF9

#E0FCCB

#CBFCE6

Tetradic

#FCCBF9

#FCE6CB

#CBFCCE

#CBE0FC

Color Blindness Simulation

Original

#FCCBF9

Protanopia

#E7E6EE

Deuteranopia

#EAEDEB

Tritanopia

#FAE5E3

Achromatopsia

#D9D9D9

CSS Usage

background-color: #FCCBF9;
color: #FCCBF9;
border-color: #FCCBF9;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FDF2FC
100
#FBE0F9
200
#FBBBF7
300
#F88BF2
400
#F54DEA
500
#F10EE3
600
#C10BB6
700
#9A0991
800
#790772
900
#570A53
950
#370634

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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