#a699b0

Color #a699b0

A nearly neutral, gray-leaning light purple.

Closest named color Dark Gray #a9a9a9 · ΔE 14.37 Nearest Tailwind class mauve-400 #a89ea9 · ΔE 5.1

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

Conversions

HEX

#a699b0

RGB

rgb(166, 153, 176)

HSL

hsl(273.9, 12.7%, 64.5%)

HSV / HSB

hsv(273.9, 13.1%, 69%)

CMYK

cmyk(5.7%, 13.1%, 0%, 31%)

LAB

lab(64.98, 9.16, -10.22)

LCH

lch(64.98, 13.72, 311.87)

OKLCH

oklch(70.2%, 0.0361, 310.62)

HWB

hwb(273.9, 60%, 31%)

Harmony colors

Complementary

#a3b099

Analogous

#9a99b0

#a699b0

#b099ae

Triadic

#a699b0

#b0a699

#99b0a6

Split-complementary

#a699b0

#aeb099

#99b09a

Tetradic

#a699b0

#b099a3

#a3b099

#99b0a6

Square

#a699b0

#b09a99

#a3b099

#99aeb0

Shades

Color #a699b0 mixed toward black.

#8b7a98

#6f607c

#54485d

#38303e

#1c181f

Tints

Color #a699b0 mixed toward white.

#b5aabd

#c4bbca

#d2ccd7

#e1dde5

#f0eef2

Tones

Color #a699b0 mixed toward gray.

#a69bae

#a59dac

#a59faa

#a5a1a8

#a5a3a6

Accessibility

Aa White text on this color

2.69:1

Aa Black text on this color

7.8:1

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

Under color vision deficiencies

Protanopia

#a1a0ab · ΔE 7.5

Deuteranopia

#a1a2aa · ΔE 9.4

Tritanopia

#a5a7a6 · ΔE 13.8

Achromatopsia

#9e9e9e · ΔE 12.3

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

Code

CSS

background-color: #a699b0;

Tailwind (arbitrary value)

bg-[#a699b0]

Related colors

Indigo #4b0082

Blue Violet #8a2be2

Rebecca Purple #663399

Dark Orchid #9932cc

Dark Violet #9400d3

Medium Orchid #ba55d3

Frequently asked questions

#a699b0 (#a699b0) is rgb(166, 153, 176) in RGB.

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

Generate a palette → Check contrast