#F0AAF3

#F0AAF3

Color Values

HEX

#F0AAF3

RGB

240, 170, 243

HSL

297.5, 75.3%, 81.0%

HSV

297.5, 30.0%, 95.3%

CMYK

1.2%, 30.0%, 0.0%, 4.7%

OKLCH

0.8278 0.1247 325.2

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#F0AAF3

#ADF3AA

Analogous

#CCAAF3

#F3AAD2

#F0AAF3

Triadic

#F0AAF3

#F3F0AA

#AAF3F0

Split Complementary

#F0AAF3

#D2F3AA

#AAF3CC

Tetradic

#F0AAF3

#F3CCAA

#ADF3AA

#AAD2F3

Color Blindness Simulation

Original

#F0AAF3

Protanopia

#D2D1E1

Deuteranopia

#D6DBDD

Tritanopia

#ECD3D0

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F8E2F9
200
#F4C0F6
300
#EC94F0
400
#E25AE8
500
#D81FE0
600
#AC19B3
700
#8A148F
800
#6C1070
900
#4F1051
950
#320A33

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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