#b465aa

Color #b465aa

A muted medium magenta.

Closest named color Orchid #da70d6 · ΔE 19.57 Nearest Tailwind class pink-500 #f6339a · ΔE 13

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

Conversions

HEX

#b465aa

RGB

rgb(180, 101, 170)

HSL

hsl(307.6, 34.5%, 55.1%)

HSV / HSB

hsv(307.6, 43.9%, 70.6%)

CMYK

cmyk(0%, 43.9%, 5.6%, 29.4%)

LAB

lab(53.94, 41.73, -23.41)

LCH

lch(53.94, 47.85, 330.71)

OKLCH

oklch(62%, 0.1346, 331.85)

HWB

hwb(307.6, 39.6%, 29.4%)

Harmony colors

Complementary

#65b46f

Analogous

#9765b4

#b465aa

#b46582

Triadic

#b465aa

#aab465

#65aab4

Split-complementary

#b465aa

#82b465

#65b497

Tetradic

#b465aa

#b46f65

#65b46f

#65aab4

Square

#b465aa

#b49765

#65b46f

#6582b4

Shades

Color #b465aa mixed toward black.

#9d4d93

#7e3d76

#5e2e58

#3f1f3b

#1f0f1d

Tints

Color #b465aa mixed toward white.

#c17fb8

#cd98c6

#dab2d4

#e6cce3

#f3e5f1

Tones

Color #b465aa mixed toward gray.

#ad6ca5

#a772a0

#a0799b

#9a7f96

#938691

Accessibility

Aa White text on this color

3.9:1

Aa Black text on this color

5.38:1

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

Under color vision deficiencies

Protanopia

#98989d · ΔE 24

Deuteranopia

#9ca199 · ΔE 34.3

Tritanopia

#b1918f · ΔE 22

Achromatopsia

#818181 · ΔE 24.4

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

Code

CSS

background-color: #b465aa;

Tailwind (arbitrary value)

bg-[#b465aa]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#b465aa (#b465aa) is rgb(180, 101, 170) in RGB.

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

Generate a palette → Check contrast