#a2a781

Color #a2a781

A muted medium yellow.

Closest named color Dark Sea Green #8fbc8f · ΔE 16.25 Nearest Tailwind class olive-400 #abab9c · ΔE 8.4

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

Conversions

HEX

#a2a781

RGB

rgb(162, 167, 129)

HSL

hsl(67.9, 17.8%, 58%)

HSV / HSB

hsv(67.9, 22.8%, 65.5%)

CMYK

cmyk(3%, 0%, 22.8%, 34.5%)

LAB

lab(67.2, -8.36, 19.11)

LCH

lch(67.2, 20.86, 113.63)

OKLCH

oklch(71.4%, 0.0531, 113.86)

HWB

hwb(67.9, 50.6%, 34.5%)

Harmony colors

Complementary

#8681a7

Analogous

#a79981

#a2a781

#8fa781

Triadic

#a2a781

#81a2a7

#a781a2

Split-complementary

#a2a781

#818fa7

#9981a7

Tetradic

#a2a781

#81a786

#8681a7

#a781a2

Square

#a2a781

#81a799

#8681a7

#a7818f

Shades

Color #a2a781 mixed toward black.

#8b9165

#707451

#54573d

#383a29

#1c1d14

Tints

Color #a2a781 mixed toward white.

#b1b696

#c1c4ab

#d0d3c0

#e0e2d5

#eff0ea

Tones

Color #a2a781 mixed toward gray.

#a0a484

#9da187

#9b9d8a

#999a8e

#969791

Accessibility

Aa White text on this color

2.51:1

Aa Black text on this color

8.38:1

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

Under color vision deficiencies

Protanopia

#a4a48b · ΔE 4.6

Deuteranopia

#a4a48e · ΔE 5.6

Tritanopia

#a29395 · ΔE 22.6

Achromatopsia

#a4a4a4 · ΔE 15

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

Code

CSS

background-color: #a2a781;

Tailwind (arbitrary value)

bg-[#a2a781]

Related colors

Ivory #fffff0

Beige #f5f5dc

Light Goldenrod Yellow #fafad2

Light Yellow #ffffe0

Olive #808000

Yellow #ffff00

Frequently asked questions

#a2a781 (#a2a781) is rgb(162, 167, 129) in RGB.

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

Generate a palette → Check contrast