#BAAB2C

Color Details

HEX
#BAAB2C
RGB
rgb(186, 171, 44)
HSL
hsl(54, 62%, 45%)
CMYK
cmyk(0%, 8%, 76%, 27%)
Best text on this color #000000 (CR 8.95:1) Determined by WCAG contrast ratio

Readability Previews

Black on #baab2c
Contrast 8.95:1 AAA
White on #baab2c
Contrast 2.35:1 Fail
#baab2c on Black
Contrast 8.95:1 AAA
#baab2c on White
Contrast 2.35:1 Fail

Tints & Shades

#c8bc56
#d6cd80
#e3ddab
#958923
#70671a
#4a4412

Complement & Analogous

#2c3aba
#81ba2c
#ba652c

Triadic

#2cbaac
#ac2cba

Monochrome

#4a4412 #70671a #baab2c #d6cd80 #e3ddab #f1eed5

Analogous

#ba652c #cf936b #baab2c #9ac856 #81ba2c #679523

Complementary Mix

#70671a #baab2c #d6cd80 #2c3aba #767fd2 #1d2679

Nearby Colors

#baab2b
#baab2d
#baab1c
#baab3c

Embed #BAAB2C swatch

Embed this swatch

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

Open image

About #BAAB2C

#BAAB2C converts to RGB(186, 171, 44) and HSL(54, 62%, 45%). 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).

#BAAB2C FAQs

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