#B2A10C

Color Details

HEX
#B2A10C
RGB
rgb(178, 161, 12)
HSL
hsl(54, 87%, 37%)
CMYK
cmyk(0%, 10%, 93%, 30%)
Best text on this color #000000 (CR 8.00:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b2a10c
Contrast 8.00:1 AAA
White on #b2a10c
Contrast 2.63:1 Fail
#b2a10c on Black
Contrast 8.00:1 AAA
#b2a10c on White
Contrast 2.63:1 Fail

Tints & Shades

#c1b43d
#d1c76d
#e0d99e
#8e810a
#6b6107
#474005

Complement & Analogous

#0c1db0
#6fb00c
#b04e0c

Triadic

#0cb0a0
#a00cb0

Monochrome

#474005 #6b6107 #b2a10c #d1c76d #e0d99e #f0ecce

Analogous

#b04e0c #c88355 #b2a10c #8cc03d #6fb00c #598d0a

Complementary Mix

#6b6107 #b2a10c #d1c76d #0c1db0 #616ccc #081372

Nearby Colors

#b2a10b
#b2a10d
#b2a0fc
#b2a11c

Embed #B2A10C swatch

Embed this swatch

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

Open image

About #B2A10C

#B2A10C converts to RGB(178, 161, 12) and HSL(54, 87%, 37%). 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).

#B2A10C FAQs

What is the RGB value of #B2A10C?
RGB: 178, 161, 12. Copy as CSS: rgb(178, 161, 12)
Is #B2A10C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B2A10C?
Complement: #0c1db0.
Does #B2A10C have good contrast on white or black?
On white: 2.63:1 (Fails AA). On black: 8.00:1 (AAA (normal text)).