#ABA22C

Color Details

HEX
#ABA22C
RGB
rgb(171, 162, 44)
HSL
hsl(56, 59%, 42%)
CMYK
cmyk(0%, 5%, 74%, 33%)
Best text on this color #000000 (CR 7.94:1) Determined by WCAG contrast ratio

Readability Previews

Black on #aba22c
Contrast 7.94:1 AAA
White on #aba22c
Contrast 2.65:1 Fail
#aba22c on Black
Contrast 7.94:1 AAA
#aba22c on White
Contrast 2.65:1 Fail

Tints & Shades

#bcb556
#cdc780
#dddaab
#898223
#67611a
#444112

Complement & Analogous

#2c34aa
#74aa2c
#aa632c

Triadic

#2caaa2
#a22caa

Monochrome

#444112 #67611a #aba22c #cdc780 #dddaab #eeecd5

Analogous

#aa632c #c4926b #aba22c #90bb56 #74aa2c #5d8823

Complementary Mix

#67611a #aba22c #cdc780 #2c34aa #767bc8 #1d226f

Nearby Colors

#aba22b
#aba22d
#aba21c
#aba23c

Embed #ABA22C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #ABA22C

#ABA22C converts to RGB(171, 162, 44) and HSL(56, 59%, 42%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#ABA22C FAQs

What is the RGB value of #ABA22C?
RGB: 171, 162, 44. Copy as CSS: rgb(171, 162, 44)
Is #ABA22C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #ABA22C?
Complement: #2c34aa.
Does #ABA22C have good contrast on white or black?
On white: 2.65:1 (Fails AA). On black: 7.94:1 (AAA (normal text)).