#B1A81C

Color Details

HEX
#B1A81C
RGB
rgb(177, 168, 28)
HSL
hsl(56, 73%, 40%)
CMYK
cmyk(0%, 5%, 84%, 31%)
Best text on this color #000000 (CR 8.49:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b1a81c
Contrast 8.49:1 AAA
White on #b1a81c
Contrast 2.47:1 Fail
#b1a81c on Black
Contrast 8.49:1 AAA
#b1a81c on White
Contrast 2.47:1 Fail

Tints & Shades

#c1b949
#d0cb77
#e0dca4
#8e8616
#6a6511
#47430b

Complement & Analogous

#1c25b0
#70b01c
#b05c1c

Triadic

#1cb0a7
#a71cb0

Monochrome

#47430b #6a6511 #b1a81c #d0cb77 #e0dca4 #efeed2

Analogous

#b05c1c #c88d60 #b1a81c #8dc049 #70b01c #5a8d16

Complementary Mix

#6a6511 #b1a81c #d0cb77 #1c25b0 #6b71cc #121872

Nearby Colors

#b1a81b
#b1a81d
#b1a80c
#b1a82c

Embed #B1A81C swatch

Embed this swatch

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

Open image

About #B1A81C

#B1A81C converts to RGB(177, 168, 28) and HSL(56, 73%, 40%). 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).

#B1A81C FAQs

What is the RGB value of #B1A81C?
RGB: 177, 168, 28. Copy as CSS: rgb(177, 168, 28)
Is #B1A81C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B1A81C?
Complement: #1c25b0.
Does #B1A81C have good contrast on white or black?
On white: 2.47:1 (Fails AA). On black: 8.49:1 (AAA (normal text)).