#F0CCF5

#F0CCF5

Color Values

HEX

#F0CCF5

RGB

240, 204, 245

HSL

292.7, 67.2%, 88.0%

HSV

292.7, 16.7%, 96.1%

CMYK

2.0%, 16.7%, 0.0%, 3.9%

OKLCH

0.8882 0.0674 322.2

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#F0CCF5

#D1F5CC

Analogous

#DBCCF5

#F5CCE5

#F0CCF5

Triadic

#F0CCF5

#F5F0CC

#CCF5F0

Split Complementary

#F0CCF5

#E5F5CC

#CCF5DB

Tetradic

#F0CCF5

#F5DBCC

#D1F5CC

#CCE5F5

Color Blindness Simulation

Original

#F0CCF5

Protanopia

#E0E0EB

Deuteranopia

#E2E5E9

Tritanopia

#EEE3E2

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#FBF3FC
100
#F5E3F7
200
#EDC3F3
300
#E199EB
400
#D161E0
500
#C02AD5
600
#9A21AB
700
#7B1B88
800
#60156B
900
#47134E
950
#2D0C31

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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