#FCBAF9

#FCBAF9

Color Values

HEX

#FCBAF9

RGB

252, 186, 249

HSL

302,7, 91,7%, 85,9%

HSV

302,7, 26,2%, 98,8%

CMYK

0,0%, 26,2%, 1,2%, 1,2%

OKLCH

0,869 0,1108 328,0

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FCBAF9

#BAFCBD

Analogous

#DEBAFC

#FCBAD8

#FCBAF9

Triadic

#FCBAF9

#F9FCBA

#BAF9FC

Split Complementary

#FCBAF9

#D8FCBA

#BAFCDE

Tetradic

#FCBAF9

#FCDEBA

#BAFCBD

#BAD8FC

Color Blindness Simulation

Original

#FCBAF9

Protanopia

#DFDFEA

Deuteranopia

#E3E8E6

Tritanopia

#F9DEDB

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FCBBF9
300
#FA8AF5
400
#F74AEF
500
#F40BEA
600
#C408BB
700
#9C0796
800
#7A0575
900
#580855
950
#380536

Contrast Checker

Text on white

1,55:1

AA Fail AAA Fail

Text on black

13,53: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