#F0ABFC

Tailwind fuchsia-300

#F0ABFC is a magenta colour. In RGB it is 240 red, 171 green and 252 blue, which converts to a hue of 291 degrees, 93% saturation and 83% lightness. It is Tailwind fuchsia-300 in that design system's palette.

Color values

HEX	#F0ABFC
RGB	rgb(240, 171, 252)
HSL	hsl(291, 93%, 83%)
HSV	hsv(291, 32%, 99%)
CMYK	cmyk(5%, 32%, 0%, 1%)

Contrast and accessibility

Against white the contrast ratio is 1.76:1, and against black it is 11.94:1. WCAG asks for at least 4.5:1 for normal text and 3:1 for large text.

Background	Ratio	Normal text	Large text
White	1.76:1	Fail	Fail
Black	11.94:1	AAA	AAA

Tints and shades

Lighter tints move #F0ABFC toward white, and darker shades move it toward black.

Tints

Shades

Color harmonies

Complementary

#B7FCAB

Analogous

Triadic

Split complementary

Code

CSS	color: #F0ABFC;
CSS rgb()	color: rgb(240 171 252);
Tailwind	bg-[#f0abfc]
SwiftUI	Color(red: 0.941, green: 0.671, blue: 0.988)
Android	Color.parseColor("#F0ABFC")

Closest named color

The nearest CSS colour keyword to #F0ABFC is plum (#DDA0DD).