#6a73d4

Color #6a73d4

A moderately saturated light blue.

Closest named color Medium Purple #9370db · ΔE 14.13 Nearest Tailwind class indigo-500 #615fff · ΔE 8

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

Conversions

HEX

#6a73d4

RGB

rgb(106, 115, 212)

HSL

hsl(234.9, 55.2%, 62.4%)

HSV / HSB

hsv(234.9, 50%, 83.1%)

CMYK

cmyk(50%, 45.8%, 0%, 16.9%)

LAB

lab(51.92, 23.05, -51.19)

LCH

lch(51.92, 56.14, 294.24)

OKLCH

oklch(59.4%, 0.1466, 276.97)

HWB

hwb(234.9, 41.6%, 16.9%)

Harmony colors

Complementary

#d4cb6a

Analogous

#6aa8d4

#6a73d4

#966ad4

Triadic

#6a73d4

#d46a73

#73d46a

Split-complementary

#6a73d4

#d4966a

#a8d46a

Tetradic

#6a73d4

#cb6ad4

#d4cb6a

#73d46a

Square

#6a73d4

#d46aa8

#d4cb6a

#6ad496

Shades

Color #6a73d4 mixed toward black.

#414dc8

#3039a5

#242b7b

#181d52

#0c0e29

Tints

Color #6a73d4 mixed toward white.

#838adb

#9ca2e2

#b5b9ea

#cdd0f1

#e6e8f8

Tones

Color #6a73d4 mixed toward gray.

#737bcb

#7c82c2

#8589ba

#8d90b1

#9698a8

Accessibility

Aa White text on this color

4.19:1

Aa Black text on this color

5.02:1

Black text reads better on this background (5.02:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#6e6ec2 · ΔE 3.6

Deuteranopia

#6d6dbe · ΔE 4.2

Tritanopia

#6ab2af · ΔE 32.8

Achromatopsia

#7c7c7c · ΔE 25

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

Code

CSS

background-color: #6a73d4;

Tailwind (arbitrary value)

bg-[#6a73d4]

Related colors

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Ghost White #f8f8ff

Medium Blue #0000cd

Frequently asked questions

#6a73d4 (#6a73d4) is rgb(106, 115, 212) in RGB.

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

Generate a palette → Check contrast