#462eab

Color #462eab

A moderately saturated medium blue.

Closest named color Indigo #4b0082 · ΔE 15.26 Nearest Tailwind class indigo-800 #372aac · ΔE 2

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

Conversions

HEX

#462eab

RGB

rgb(70, 46, 171)

HSL

hsl(251.5, 57.6%, 42.5%)

HSV / HSB

hsv(251.5, 73.1%, 67.1%)

CMYK

cmyk(59.1%, 73.1%, 0%, 32.9%)

LAB

lab(29.9, 44.71, -63.07)

LCH

lch(29.9, 77.31, 305.33)

OKLCH

oklch(41.5%, 0.1868, 283.46)

HWB

hwb(251.5, 18%, 32.9%)

Harmony colors

Complementary

#93ab2e

Analogous

#2e54ab

#462eab

#842eab

Triadic

#462eab

#ab462e

#2eab46

Split-complementary

#462eab

#ab842e

#54ab2e

Tetradic

#462eab

#ab2e93

#93ab2e

#2eab46

Square

#462eab

#ab2e54

#93ab2e

#2eab84

Shades

Color #462eab mixed toward black.

#3a268e

#2f1f72

#231755

#170f39

#0c081c

Tints

Color #462eab mixed toward white.

#593ecb

#7b65d6

#9c8be0

#bdb2ea

#ded8f5

Tones

Color #462eab mixed toward gray.

#4c38a0

#534396

#594d8c

#605881

#666277

Accessibility

Aa White text on this color

9.38:1

Aa Black text on this color

2.24:1

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

Under color vision deficiencies

Protanopia

#3d3d98 · ΔE 5.7

Deuteranopia

#3e4093 · ΔE 7

Tritanopia

#458783 · ΔE 38.3

Achromatopsia

#464646 · ΔE 28.3

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

Code

CSS

background-color: #462eab;

Tailwind (arbitrary value)

bg-[#462eab]

Related colors

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Slate Blue #6a5acd

Medium Purple #9370db

Navy #000080

Lavender #e6e6fa

Frequently asked questions

#462eab (#462eab) is rgb(70, 46, 171) in RGB.

No, #462eab 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 #462eab, or check how it holds up for accessibility.

Generate a palette → Check contrast