#8675b7

Color #8675b7

A muted medium blue.

Closest named color Cornflower Blue #6495ed · ΔE 22.28 Nearest Tailwind class slate-500 #62748e · ΔE 12

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

Conversions

HEX

#8675b7

RGB

rgb(134, 117, 183)

HSL

hsl(255.5, 31.4%, 58.8%)

HSV / HSB

hsv(255.5, 36.1%, 71.8%)

CMYK

cmyk(26.8%, 36.1%, 0%, 28.2%)

LAB

lab(53.18, 21.06, -32.5)

LCH

lch(53.18, 38.73, 302.94)

OKLCH

oklch(60.5%, 0.0998, 295.08)

HWB

hwb(255.5, 45.9%, 28.2%)

Harmony colors

Complementary

#a6b775

Analogous

#7585b7

#8675b7

#a775b7

Triadic

#8675b7

#b78675

#75b786

Split-complementary

#8675b7

#b7a775

#85b775

Tetradic

#8675b7

#b775a6

#a6b775

#75b786

Square

#8675b7

#b77585

#a6b775

#75b7a7

Shades

Color #8675b7 mixed toward black.

#6a56a4

#554583

#403363

#2a2242

#151121

Tints

Color #8675b7 mixed toward white.

#9a8cc3

#aea3cf

#c2badb

#d7d1e7

#ebe8f3

Tones

Color #8675b7 mixed toward gray.

#897ab1

#8b80ac

#8e85a6

#918ba1

#93909b

Accessibility

Aa White text on this color

4.01:1

Aa Black text on this color

5.24:1

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

Under color vision deficiencies

Protanopia

#7f7faa · ΔE 6.1

Deuteranopia

#8081a7 · ΔE 7.4

Tritanopia

#859f9c · ΔE 26.3

Achromatopsia

#7f7f7f · ΔE 21.8

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

Code

CSS

background-color: #8675b7;

Tailwind (arbitrary value)

bg-[#8675b7]

Related colors

Medium Purple #9370db

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Slate Blue #6a5acd

Rebecca Purple #663399

Navy #000080

Frequently asked questions

#8675b7 (#8675b7) is rgb(134, 117, 183) in RGB.

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

Generate a palette → Check contrast