#aab05b

Color #aab05b

A muted medium yellow.

Closest named color Dark Khaki #bdb76b · ΔE 7.56 Nearest Tailwind class lime-600 #5ea500 · ΔE 14.1

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

Conversions

HEX

#aab05b

RGB

rgb(170, 176, 91)

HSL

hsl(64.2, 35%, 52.4%)

HSV / HSB

hsv(64.2, 48.3%, 69%)

CMYK

cmyk(3.4%, 0%, 48.3%, 31%)

LAB

lab(69.72, -14.58, 42.49)

LCH

lch(69.72, 44.92, 108.94)

OKLCH

oklch(73.4%, 0.1093, 112.37)

HWB

hwb(64.2, 35.7%, 31%)

Harmony colors

Complementary

#615bb0

Analogous

#b08c5b

#aab05b

#80b05b

Triadic

#aab05b

#5baab0

#b05baa

Split-complementary

#aab05b

#5b80b0

#8c5bb0

Tetradic

#aab05b

#5bb061

#615bb0

#b05baa

Square

#aab05b

#5bb08c

#615bb0

#b05b80

Shades

Color #aab05b mixed toward black.

#919648

#74783a

#575a2b

#3a3c1d

#1d1e0e

Tints

Color #aab05b mixed toward white.

#b8bd76

#c6ca92

#d5d8ad

#e3e5c8

#f1f2e4

Tones

Color #aab05b mixed toward gray.

#a4a962

#9ea269

#989b70

#929477

#8c8d7f

Accessibility

Aa White text on this color

2.32:1

Aa Black text on this color

9.07:1

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

Under color vision deficiencies

Protanopia

#adad77 · ΔE 6

Deuteranopia

#acac7d · ΔE 7.6

Tritanopia

#aa888c · ΔE 34.4

Achromatopsia

#aaaaaa · ΔE 22.6

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

Code

CSS

background-color: #aab05b;

Tailwind (arbitrary value)

bg-[#aab05b]

Related colors

Ivory #fffff0

Beige #f5f5dc

Light Goldenrod Yellow #fafad2

Light Yellow #ffffe0

Olive #808000

Yellow #ffff00

Frequently asked questions

#aab05b (#aab05b) is rgb(170, 176, 91) in RGB.

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

Generate a palette → Check contrast