#7351bd

Color #7351bd

A moderately saturated medium blue.

Closest named color Slate Blue #6a5acd · ΔE 6.66 Nearest Tailwind class indigo-600 #4f39f6 · ΔE 9.9

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

Conversions

HEX

#7351bd

RGB

rgb(115, 81, 189)

HSL

hsl(258.9, 45%, 52.9%)

HSV / HSB

hsv(258.9, 57.1%, 74.1%)

CMYK

cmyk(39.2%, 57.1%, 0%, 25.9%)

LAB

lab(43.07, 38.75, -52.12)

LCH

lch(43.07, 64.95, 306.63)

OKLCH

oklch(52.6%, 0.163, 294.66)

HWB

hwb(258.9, 31.8%, 25.9%)

Harmony colors

Complementary

#9bbd51

Analogous

#5165bd

#7351bd

#a951bd

Triadic

#7351bd

#bd7351

#51bd73

Split-complementary

#7351bd

#bda951

#65bd51

Tetradic

#7351bd

#bd519b

#9bbd51

#51bd73

Square

#7351bd

#bd5165

#9bbd51

#51bda9

Shades

Color #7351bd mixed toward black.

#5e3ea3

#4b3182

#382562

#251941

#130c21

Tints

Color #7351bd mixed toward white.

#8a6ec8

#a28bd3

#b9a8de

#d0c5e9

#e8e2f4

Tones

Color #7351bd mixed toward gray.

#765ab4

#7a63ab

#7d6ca2

#807599

#847e90

Accessibility

Aa White text on this color

5.77:1

Aa Black text on this color

3.64:1

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

Under color vision deficiencies

Protanopia

#6666ab · ΔE 8.7

Deuteranopia

#686aa6 · ΔE 10.3

Tritanopia

#729a96 · ΔE 33.6

Achromatopsia

#666666 · ΔE 26.5

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

Code

CSS

background-color: #7351bd;

Tailwind (arbitrary value)

bg-[#7351bd]

Related colors

Medium Purple #9370db

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Slate Blue #6a5acd

Rebecca Purple #663399

Blue Violet #8a2be2

Frequently asked questions

#7351bd (#7351bd) is rgb(115, 81, 189) in RGB.

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

Generate a palette → Check contrast