#a66064

Color #a66064

A muted medium red.

Closest named color Rosy Brown #bc8f8f · ΔE 19.33 Nearest Tailwind class rose-700 #c70036 · ΔE 14.7

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

Conversions

HEX

#a66064

RGB

rgb(166, 96, 100)

HSL

hsl(356.6, 28.2%, 51.4%)

HSV / HSB

hsv(356.6, 42.2%, 65.1%)

CMYK

cmyk(0%, 42.2%, 39.8%, 34.9%)

LAB

lab(48.75, 28.86, 10.12)

LCH

lch(48.75, 30.58, 19.32)

OKLCH

oklch(56.9%, 0.0911, 16.71)

HWB

hwb(356.6, 37.6%, 34.9%)

Harmony colors

Complementary

#60a6a2

Analogous

#a66087

#a66064

#a67f60

Triadic

#a66064

#64a660

#6064a6

Split-complementary

#a66064

#60a67f

#6087a6

Tetradic

#a66064

#a6a260

#60a6a2

#6064a6

Square

#a66064

#87a660

#60a6a2

#7f60a6

Shades

Color #a66064 mixed toward black.

#8c4e52

#703f42

#542f31

#381f21

#1c1010

Tints

Color #a66064 mixed toward white.

#b57b7e

#c49598

#d3b0b2

#e1cacb

#f0e5e5

Tones

Color #a66064 mixed toward gray.

#a06669

#9a6c6e

#957274

#8f7779

#897d7e

Accessibility

Aa White text on this color

4.69:1

Aa Black text on this color

4.48:1

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

Under color vision deficiencies

Protanopia

#8d8d63 · ΔE 33.4

Deuteranopia

#919563 · ΔE 36.3

Tritanopia

#a36262 · ΔE 1.7

Achromatopsia

#747474 · ΔE 21.6

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

Code

CSS

background-color: #a66064;

Tailwind (arbitrary value)

bg-[#a66064]

Related colors

Light Pink #ffb6c1

Pink #ffc0cb

Crimson #dc143c

Pale Violet Red #db7093

Lavender Blush #fff0f5

Hot Pink #ff69b4

Frequently asked questions

#a66064 (#a66064) is rgb(166, 96, 100) in RGB.

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

Generate a palette → Check contrast