#FCCBFA

#FCCBFA

Color Values

HEX

#FCCBFA

RGB

252, 203, 250

HSL

302.4, 89.1%, 89.2%

HSV

302.4, 19.4%, 98.8%

CMYK

0.0%, 19.4%, 0.8%, 1.2%

OKLCH

0.8989 0.0822 327.5

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#FCCBFA

#CBFCCD

Analogous

#E5CBFC

#FCCBE1

#FCCBFA

Triadic

#FCCBFA

#FAFCCB

#CBFAFC

Split Complementary

#FCCBFA

#E1FCCB

#CBFCE5

Tetradic

#FCCBFA

#FCE5CB

#CBFCCD

#CBE1FC

Color Blindness Simulation

Original

#FCCBFA

Protanopia

#E7E6EF

Deuteranopia

#EAEDEC

Tritanopia

#FAE6E4

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FBE0FA
200
#FBBBF9
300
#F88BF4
400
#F54DEE
500
#F10EE8
600
#C10BBA
700
#9A0994
800
#790774
900
#570A54
950
#370635

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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