#af8eae

Color #af8eae

A muted light magenta.

Closest named color Thistle #d8bfd8 · ΔE 18.04 Nearest Tailwind class mauve-400 #a89ea9 · ΔE 10.8

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

Conversions

HEX

#af8eae

RGB

rgb(175, 142, 174)

HSL

hsl(301.8, 17.1%, 62.2%)

HSV / HSB

hsv(301.8, 18.9%, 68.6%)

CMYK

cmyk(0%, 18.9%, 0.6%, 31.4%)

LAB

lab(62.94, 18.09, -12.07)

LCH

lch(62.94, 21.75, 326.29)

OKLCH

oklch(68.8%, 0.0596, 327.19)

HWB

hwb(301.8, 55.7%, 31.4%)

Harmony colors

Complementary

#8eaf8f

Analogous

#a08eaf

#af8eae

#af8e9e

Triadic

#af8eae

#aeaf8e

#8eaeaf

Split-complementary

#af8eae

#9eaf8e

#8eafa0

Tetradic

#af8eae

#af8f8e

#8eaf8f

#8eaeaf

Square

#af8eae

#afa08e

#8eaf8f

#8e9eaf

Shades

Color #af8eae mixed toward black.

#996f98

#7c587b

#5d425c

#3e2c3d

#1f161f

Tints

Color #af8eae mixed toward white.

#bca1bc

#cab4c9

#d7c7d7

#e4d9e4

#f2ecf2

Tones

Color #af8eae mixed toward gray.

#ac91ac

#aa94a9

#a796a6

#a499a4

#a19ca1

Accessibility

Aa White text on this color

2.88:1

Aa Black text on this color

7.3:1

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

Under color vision deficiencies

Protanopia

#a2a1a7 · ΔE 15.4

Deuteranopia

#a4a6a5 · ΔE 18.9

Tritanopia

#aea1a0 · ΔE 14.8

Achromatopsia

#989898 · ΔE 17.6

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

Code

CSS

background-color: #af8eae;

Tailwind (arbitrary value)

bg-[#af8eae]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#af8eae (#af8eae) is rgb(175, 142, 174) in RGB.

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

Generate a palette → Check contrast