#EC407A

Material pink 400

#EC407A is a magenta colour. In RGB it is 236 red, 64 green and 122 blue, which converts to a hue of 340 degrees, 82% saturation and 59% lightness. It is Material pink 400 in that design system's palette.

Color values

HEX	#EC407A
RGB	rgb(236, 64, 122)
HSL	hsl(340, 82%, 59%)
HSV	hsv(340, 73%, 93%)
CMYK	cmyk(0%, 73%, 48%, 7%)

Contrast and accessibility

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

Tints and shades

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

Tints

Shades

Color harmonies

Complementary

#41ECB3

Analogous

Triadic

Split complementary

Code

CSS	color: #EC407A;
CSS rgb()	color: rgb(236 64 122);
Tailwind	bg-[#ec407a]
SwiftUI	Color(red: 0.925, green: 0.251, blue: 0.478)
Android	Color.parseColor("#EC407A")

Closest named color

The nearest CSS colour keyword to #EC407A is indianred (#CD5C5C).