#B2BC83

Color Details

HEX
#B2BC83
RGB
rgb(178, 188, 131)
HSL
hsl(71, 30%, 63%)
CMYK
cmyk(5%, 0%, 30%, 26%)
Best text on this color #000000 (CR 10.41:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b2bc83
Contrast 10.41:1 AAA
White on #b2bc83
Contrast 2.02:1 Fail
#b2bc83 on Black
Contrast 10.41:1 AAA
#b2bc83 on White
Contrast 2.02:1 Fail

Tints & Shades

#c1c99c
#d1d7b5
#e0e4cd
#8e9669
#6b714f
#474b34

Complement & Analogous

#8f84bd
#96bd84
#bdab84

Triadic

#84b3bd
#bd84b3

Monochrome

#474b34 #6b714f #b2bc83 #d1d7b5 #e0e4cd #f0f2e6

Analogous

#bdab84 #d1c4a9 #b2bc83 #abca9d #96bd84 #78976a

Complementary Mix

#6b714f #b2bc83 #d1d7b5 #8f84bd #b6afd4 #5d567b

Nearby Colors

#b2bc82
#b2bc84
#b2bc73
#b2bc93

Embed #B2BC83 swatch

Embed this swatch

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

Open image

About #B2BC83

#B2BC83 converts to RGB(178, 188, 131) and HSL(71, 30%, 63%). 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).

#B2BC83 FAQs

What is the RGB value of #B2BC83?
RGB: 178, 188, 131. Copy as CSS: rgb(178, 188, 131)
Is #B2BC83 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B2BC83?
Complement: #8f84bd.
Does #B2BC83 have good contrast on white or black?
On white: 2.02:1 (Fails AA). On black: 10.41:1 (AAA (normal text)).