#B4BE2E

Color Details

HEX
#B4BE2E
RGB
rgb(180, 190, 46)
HSL
hsl(64, 61%, 46%)
CMYK
cmyk(5%, 0%, 76%, 25%)
Best text on this color #000000 (CR 10.35:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b4be2e
Contrast 10.35:1 AAA
White on #b4be2e
Contrast 2.03:1 Fail
#b4be2e on Black
Contrast 10.35:1 AAA
#b4be2e on White
Contrast 2.03:1 Fail

Tints & Shades

#c3cb58
#d2d882
#e1e5ab
#909825
#6c721c
#484c12

Complement & Analogous

#372ebd
#6cbd2e
#bd7f2e

Triadic

#2eb3bd
#bd2eb3

Monochrome

#484c12 #6c721c #b4be2e #d2d882 #e1e5ab #f0f2d5

Analogous

#bd7f2e #d1a56d #b4be2e #89ca58 #6cbd2e #569725

Complementary Mix

#6c721c #b4be2e #d2d882 #372ebd #7d77d4 #241e7b

Nearby Colors

#b4be2d
#b4be2f
#b4be1e
#b4be3e

Embed #B4BE2E swatch

Embed this swatch

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

Open image

About #B4BE2E

#B4BE2E converts to RGB(180, 190, 46) and HSL(64, 61%, 46%). 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).

#B4BE2E FAQs

What is the RGB value of #B4BE2E?
RGB: 180, 190, 46. Copy as CSS: rgb(180, 190, 46)
Is #B4BE2E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B4BE2E?
Complement: #372ebd.
Does #B4BE2E have good contrast on white or black?
On white: 2.03:1 (Fails AA). On black: 10.35:1 (AAA (normal text)).