#FCBAF0

#FCBAF0

Color Values

HEX

#FCBAF0

RGB

252, 186, 240

HSL

310,9, 91,7%, 85,9%

HSV

310,9, 26,2%, 98,8%

CMYK

0,0%, 26,2%, 4,8%, 1,2%

OKLCH

0,8658 0,1025 332,9

Properties

Warm Light Nearest: plum 2

Color Harmonies

Complementary

#FCBAF0

#BAFCC6

Analogous

#E7BAFC

#FCBACF

#FCBAF0

Triadic

#FCBAF0

#F0FCBA

#BAF0FC

Split Complementary

#FCBAF0

#CFFCBA

#BAFCE7

Tetradic

#FCBAF0

#FCE7BA

#BAFCC6

#BACFFC

Color Blindness Simulation

Original

#FCBAF0

Protanopia

#DFDFE3

Deuteranopia

#E3E8E0

Tritanopia

#F9D9D6

Achromatopsia

#CCCCCC

CSS Usage

background-color: #FCBAF0;
color: #FCBAF0;
border-color: #FCBAF0;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FDF1FB
100
#FBDFF6
200
#FCBBF0
300
#FA8AE6
400
#F74AD8
500
#F40BCA
600
#C408A2
700
#9C0781
800
#7A0565
900
#58084A
950
#38052F

Contrast Checker

Text on white

1,56:1

AA Fail AAA Fail

Text on black

13,42:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026