#4338CA

Tailwind indigo-700

#4338CA is a blue colour. In RGB it is 67 red, 56 green and 202 blue, which converts to a hue of 245 degrees, 58% saturation and 51% lightness. It is Tailwind indigo-700 in that design system's palette.

Color values

HEX	#4338CA
RGB	rgb(67, 56, 202)
HSL	hsl(245, 58%, 51%)
HSV	hsv(245, 72%, 79%)
CMYK	cmyk(67%, 72%, 0%, 21%)

Contrast and accessibility

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

Tints and shades

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

Tints

Shades

Color harmonies

Complementary

#BECB3A

Analogous

Triadic

Split complementary

Code

CSS	color: #4338CA;
CSS rgb()	color: rgb(67 56 202);
Tailwind	bg-[#4338ca]
SwiftUI	Color(red: 0.263, green: 0.220, blue: 0.792)
Android	Color.parseColor("#4338CA")

Closest named color

The nearest CSS colour keyword to #4338CA is slateblue (#6A5ACD).