#FCADF7

#FCADF7

Color Values

HEX

#FCADF7

RGB

252, 173, 247

HSL

303,8, 92,9%, 83,3%

HSV

303,8, 31,3%, 98,8%

CMYK

0,0%, 31,3%, 2,0%, 1,2%

OKLCH

0,8465 0,1314 328,8

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FCADF7

#ADFCB2

Analogous

#D9ADFC

#FCADCF

#FCADF7

Triadic

#FCADF7

#F7FCAD

#ADF7FC

Split Complementary

#FCADF7

#CFFCAD

#ADFCD9

Tetradic

#FCADF7

#FCD9AD

#ADFCB2

#ADCFFC

Color Blindness Simulation

Original

#FCADF7

Protanopia

#DAD9E5

Deuteranopia

#DEE4E1

Tritanopia

#F8D7D4

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFF9
200
#FCBAF8
300
#FB89F3
400
#F849ED
500
#F609E7
600
#C507B9
700
#9D0694
800
#7B0573
900
#590854
950
#380535

Contrast Checker

Text on white

1,69:1

AA Fail AAA Fail

Text on black

12,46: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