#F5CCF5

#F5CCF5

Color Values

HEX

#F5CCF5

RGB

245, 204, 245

HSL

300.0, 67.2%, 88.0%

HSV

300.0, 16.7%, 96.1%

CMYK

0.0%, 16.7%, 0.0%, 3.9%

OKLCH

0.8927 0.0707 326.1

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F5CCF5

#CCF5CC

Analogous

#E0CCF5

#F5CCE0

#F5CCF5

Triadic

#F5CCF5

#F5F5CC

#CCF5F5

Split Complementary

#F5CCF5

#E0F5CC

#CCF5E0

Tetradic

#F5CCF5

#F5E0CC

#CCF5CC

#CCE0F5

Color Blindness Simulation

Original

#F5CCF5

Protanopia

#E3E3EB

Deuteranopia

#E6E9E9

Tritanopia

#F3E3E2

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E3F7
200
#F3C3F3
300
#EB99EB
400
#E061E0
500
#D52AD5
600
#AB21AB
700
#881B88
800
#6B156B
900
#4E134E
950
#310C31

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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