#412fa5

Color #412fa5

A moderately saturated medium blue.

Closest named color Rebecca Purple #663399 · ΔE 14.24 Nearest Tailwind class indigo-800 #372aac · ΔE 1.9

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#412fa5

RGB

rgb(65, 47, 165)

HSL

hsl(249.2, 55.7%, 41.6%)

HSV / HSB

hsv(249.2, 71.5%, 64.7%)

CMYK

cmyk(60.6%, 71.5%, 0%, 35.3%)

LAB

lab(29.09, 41.58, -60.81)

LCH

lch(29.09, 73.67, 304.36)

OKLCH

oklch(40.7%, 0.179, 281.86)

HWB

hwb(249.2, 18.4%, 35.3%)

Harmony colors

Complementary

#93a52f

Analogous

#2f58a5

#412fa5

#7c2fa5

Triadic

#412fa5

#a5412f

#2fa541

Split-complementary

#412fa5

#a57c2f

#58a52f

Tetradic

#412fa5

#a52f93

#93a52f

#2fa541

Square

#412fa5

#a52f58

#93a52f

#2fa57c

Shades

Color #412fa5 mixed toward black.

#36278a

#2b1f6e

#211753

#161037

#0b081c

Tints

Color #412fa5 mixed toward white.

#533ec8

#7564d3

#988bde

#bab2e9

#ddd8f4

Tones

Color #412fa5 mixed toward gray.

#48399b

#4f4391

#564d88

#5c567e

#636074

Accessibility

Aa White text on this color

9.66:1

Aa Black text on this color

2.17:1

White text reads better on this background (9.66:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#3a3a93 · ΔE 4.8

Deuteranopia

#3b3c8e · ΔE 5.9

Tritanopia

#40837f · ΔE 37.6

Achromatopsia

#454545 · ΔE 27.8

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #412fa5;

Tailwind (arbitrary value)

bg-[#412fa5]

Related colors

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Slate Blue #6a5acd

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Frequently asked questions

#412fa5 (#412fa5) is rgb(65, 47, 165) in RGB.

No, #412fa5 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #412fa5, or check how it holds up for accessibility.

Generate a palette → Check contrast