#3F51B5

Material indigo 500

#3F51B5 is a blue colour. In RGB it is 63 red, 81 green and 181 blue, which converts to a hue of 231 degrees, 48% saturation and 48% lightness. It is Material indigo 500 in that design system's palette.

Color values

HEX	#3F51B5
RGB	rgb(63, 81, 181)
HSL	hsl(231, 48%, 48%)
HSV	hsv(231, 65%, 71%)
CMYK	cmyk(65%, 55%, 0%, 29%)

Contrast and accessibility

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

Tints and shades

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

Tints

Shades

Color harmonies

Complementary

#B5A440

Analogous

Triadic

Split complementary

Code

CSS	color: #3F51B5;
CSS rgb()	color: rgb(63 81 181);
Tailwind	bg-[#3f51b5]
SwiftUI	Color(red: 0.247, green: 0.318, blue: 0.710)
Android	Color.parseColor("#3F51B5")

Closest named color

The nearest CSS colour keyword to #3F51B5 is slateblue (#6A5ACD).