#FCB1F8

#FCB1F8

Color Values

HEX

#FCB1F8

RGB

252, 177, 248

HSL

303.2, 92.6%, 84.1%

HSV

303.2, 29.8%, 98.8%

CMYK

0.0%, 29.8%, 1.6%, 1.2%

OKLCH

0.8535 0.1255 328.4

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FCB1F8

#B1FCB5

Analogous

#DAB1FC

#FCB1D2

#FCB1F8

Triadic

#FCB1F8

#F8FCB1

#B1F8FC

Split Complementary

#FCB1F8

#D2FCB1

#B1FCDA

Tetradic

#FCB1F8

#FCDAB1

#B1FCB5

#B1D2FC

Color Blindness Simulation

Original

#FCB1F8

Protanopia

#DCDBE7

Deuteranopia

#E0E5E3

Tritanopia

#F8D9D6

Achromatopsia

#C6C6C6

CSS Usage

background-color: #FCB1F8;
color: #FCB1F8;
border-color: #FCB1F8;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FCBAF9
300
#FA89F4
400
#F849EF
500
#F609E9
600
#C408BA
700
#9D0695
800
#7B0574
900
#590855
950
#380535

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

12.78:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026