#B2BC0E

Color Details

HEX
#B2BC0E
RGB
rgb(178, 188, 14)
HSL
hsl(63, 86%, 40%)
CMYK
cmyk(5%, 0%, 93%, 26%)
Best text on this color #000000 (CR 10.09:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b2bc0e
Contrast 10.09:1 AAA
White on #b2bc0e
Contrast 2.08:1 Fail
#b2bc0e on Black
Contrast 10.09:1 AAA
#b2bc0e on White
Contrast 2.08:1 Fail

Tints & Shades

#c1c93e
#d1d76e
#e0e49f
#8e960b
#6b7108
#474b06

Complement & Analogous

#170ebe
#5dbe0e
#be6f0e

Triadic

#0eb5be
#be0eb5

Monochrome

#474b06 #6b7108 #b2bc0e #d1d76e #e0e49f #f0f2cf

Analogous

#be6f0e #d29a56 #b2bc0e #7dcb3e #5dbe0e #4a980b

Complementary Mix

#6b7108 #b2bc0e #d1d76e #170ebe #6862d5 #0f097c

Nearby Colors

#b2bc0d
#b2bc0f
#b2bbfe
#b2bc1e

Embed #B2BC0E swatch

Embed this swatch

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

Open image

About #B2BC0E

#B2BC0E converts to RGB(178, 188, 14) and HSL(63, 86%, 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).

#B2BC0E FAQs

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