#F2CAF2

#F2CAF2

Color Values

HEX

#F2CAF2

RGB

242, 202, 242

HSL

300.0, 60.6%, 87.1%

HSV

300.0, 16.5%, 94.9%

CMYK

0.0%, 16.5%, 0.0%, 5.1%

OKLCH

0.8853 0.0691 326.1

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F2CAF2

#CAF2CA

Analogous

#DECAF2

#F2CADE

#F2CAF2

Triadic

#F2CAF2

#F2F2CA

#CAF2F2

Split Complementary

#F2CAF2

#DEF2CA

#CAF2DE

Tetradic

#F2CAF2

#F2DECA

#CAF2CA

#CADEF2

Color Blindness Simulation

Original

#F2CAF2

Protanopia

#E1E0E8

Deuteranopia

#E3E6E6

Tritanopia

#F0E1DF

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F6E4F6
200
#F1C6F1
300
#E79DE7
400
#DA67DA
500
#CD32CD
600
#A428A4
700
#832083
800
#661966
900
#4B164B
950
#2F0E2F

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.51:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026