#FCAFF5

#FCAFF5

Color Values

HEX

#FCAFF5

RGB

252, 175, 245

HSL

305.5, 92.8%, 83.7%

HSV

305.5, 30.6%, 98.8%

CMYK

0.0%, 30.6%, 2.8%, 1.2%

OKLCH

0.8491 0.1261 329.8

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FCAFF5

#AFFCB6

Analogous

#DDAFFC

#FCAFCE

#FCAFF5

Triadic

#FCAFF5

#F5FCAF

#AFF5FC

Split Complementary

#FCAFF5

#CEFCAF

#AFFCDD

Tetradic

#FCAFF5

#FCDDAF

#AFFCB6

#AFCEFC

Color Blindness Simulation

Original

#FCAFF5

Protanopia

#DBDAE4

Deuteranopia

#DFE5E0

Tritanopia

#F8D7D4

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF9
200
#FCBAF6
300
#FB89F0
400
#F849E8
500
#F609E0
600
#C507B3
700
#9D068F
800
#7B0570
900
#590851
950
#380533

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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