#ABA66E

Accessibility

AAA

8.41:1

Vs white / black

2.5:1 · 8.41:1

Sources

Library color

Click any stop to open

Codes

Formats

HEX

#aba66e

RGB

rgb(171, 166, 110)

RGBA

rgba(171, 166, 110, 1)

HSL

hsl(55, 27%, 55%)

HSV

hsv(55, 36%, 67%)

LAB

lab(67.32% -6.85 29.68)

LCH

lch(67.32% 30.46 103)

OKLAB

oklab(0.7159 -0.018 0.0733)

OKLCH

oklch(0.7159 0.0755 103.8)

XYZ

xyz(33.25, 37.06, 20.15)

CMYK

cmyk(0%, 3%, 36%, 33%)

CSS

color: #aba66e;

CSS variable

--color-aba66e: #aba66e;

SCSS

$color-aba66e: #aba66e;

Tailwind

orange-400

Export

Developer code

:root {
  --#aba66e-1: #aba66e;
}

Palette

Tints & shades

Full scale from light tints through the base color into deep shades

f8f8f3 f1f0e7 eae9db e3e1cf dcdac3 d5d3b7 cecbaa c7c49e c0bc92 b9b586 b2ad7a aba66e 9d9865 8f8a5c 807d53 726f49 646140 565337 47452e 393725 2b2a1c 1c1c12 0e0e09

Palette

Tints

Mixed toward white — soft backgrounds and highlights

f8f8f3 f1f0e7 eae9db e3e1cf dcdac3 d5d3b7 cecbaa c7c49e c0bc92 b9b586 b2ad7a

Palette

Shades

Mixed toward black — depth, text, and emphasis

9d9865 8f8a5c 807d53 726f49 646140 565337 47452e 393725 2b2a1c 1c1c12 0e0e09

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

a7a370 a4a071 a09d73 9d9974 999676 969377 929079 8e8d7a 8b8a7c 87867d 84837f

Harmony

Complementary

Opposite on the color wheel for contrast

#ABA66EStop 1 #6D72ABStop 2

Harmony

Analogous

Neighbors that sit comfortably together

#AB876DStop 1 #ABA66EStop 2 #91AB6DStop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#ABA66EStop 1 #6DABA6Stop 2 #A66DABStop 3

Harmony

Split complementary

Base plus two accents beside the complement

#ABA66EStop 1 #6D91ABStop 2 #876DABStop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#413E25Stop 1 #716D41Stop 2 #A29C5DStop 3 #BEBA8EStop 4 #DAD7BEStop 5

Meaning

Color psychology

Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.

Common uses: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Yellow family.

Similar & related colors

Nearby colors from the library by perceptual distance

Web Safe #999966#999966 Spectrum #C2B27A#C2B27A Spectrum #B3A061#B3A061 Spectrum #C7AE75#C7AE75 DarkKhaki#BDB76B Spectrum #CFC291#CFC291 Spectrum #B99B5B#B99B5B Spectrum #CCAA71#CCAA71 Spectrum #D4C291#D4C291 Spectrum #C1C57D#C1C57D Spectrum #D8BE8D#D8BE8D Web Safe #CCCC99#CCCC99