#F06292

Material pink 300

#F06292 is a magenta colour. In RGB it is 240 red, 98 green and 146 blue, which converts to a hue of 340 degrees, 83% saturation and 66% lightness. It is Material pink 300 in that design system's palette.

Color values

HEX	#F06292
RGB	rgb(240, 98, 146)
HSL	hsl(340, 83%, 66%)
HSV	hsv(340, 59%, 94%)
CMYK	cmyk(0%, 59%, 39%, 6%)

Contrast and accessibility

Against white the contrast ratio is 3.06:1, and against black it is 6.87: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	3.06:1	Fail	AA
Black	6.87:1	AA	AAA

Tints and shades

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

Tints

Shades

Color harmonies

Complementary

#60F0C0

Analogous

Triadic

Split complementary

Code

CSS	color: #F06292;
CSS rgb()	color: rgb(240 98 146);
Tailwind	bg-[#f06292]
SwiftUI	Color(red: 0.941, green: 0.384, blue: 0.573)
Android	Color.parseColor("#F06292")

Closest named color

The nearest CSS colour keyword to #F06292 is palevioletred (#DB7093).