#FFCAFF

#FFCAFF

Color Values

HEX

#FFCAFF

RGB

255, 202, 255

HSL

300.0, 100.0%, 89.6%

HSV

300.0, 20.8%, 100.0%

CMYK

0.0%, 20.8%, 0.0%, 0.0%

OKLCH

0.9016 0.0909 326.3

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FFCAFF

#CAFFCA

Analogous

#E4CAFF

#FFCAE4

#FFCAFF

Triadic

#FFCAFF

#FFFFCA

#CAFFFF

Split Complementary

#FFCAFF

#E4FFCA

#CAFFE4

Tetradic

#FFCAFF

#FFE4CA

#CAFFCA

#CAE4FF

Color Blindness Simulation

Original

#FFCAFF

Protanopia

#E8E8F2

Deuteranopia

#EBEFEF

Tritanopia

#FCE8E6

Achromatopsia

#D9D9D9

CSS Usage

background-color: #FFCAFF;
color: #FFCAFF;
border-color: #FFCAFF;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FEF1FE
100
#FCDEFC
200
#FFB8FF
300
#FF85FF
400
#FF42FF
500
#FF00FF
600
#CC00CC
700
#A300A3
800
#800080
900
#5C055C
950
#3A033A

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.14:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026