#B4E69B

Color Details

HEX
#B4E69B
RGB
rgb(180, 230, 155)
HSL
hsl(100, 60%, 75%)
CMYK
cmyk(22%, 0%, 33%, 10%)
Best text on this color #000000 (CR 14.73:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b4e69b
Contrast 14.73:1 AAA
White on #b4e69b
Contrast 1.43:1 Fail
#b4e69b on Black
Contrast 14.73:1 AAA
#b4e69b on White
Contrast 1.43:1 Fail

Tints & Shades

#c3ebaf
#d2f0c3
#e1f5d7
#90b87c
#6c8a5d
#485c3e

Complement & Analogous

#cc99e6
#99e6a6
#d9e699

Triadic

#99b3e6
#e699b3

Monochrome

#485c3e #6c8a5d #b4e69b #d2f0c3 #e1f5d7 #f0faeb

Analogous

#d9e699 #e4eeb8 #b4e69b #adebb8 #99e6a6 #7ab885

Complementary Mix

#6c8a5d #b4e69b #d2f0c3 #cc99e6 #debdef #856396

Nearby Colors

#b4e69a
#b4e69c
#b4e68b
#b4e6ab

Embed #B4E69B swatch

Embed this swatch

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

Open image

About #B4E69B

#B4E69B converts to RGB(180, 230, 155) and HSL(100, 60%, 75%). 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).

#B4E69B FAQs

What is the RGB value of #B4E69B?
RGB: 180, 230, 155. Copy as CSS: rgb(180, 230, 155)
Is #B4E69B a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B4E69B?
Complement: #cc99e6.
Does #B4E69B have good contrast on white or black?
On white: 1.43:1 (Fails AA). On black: 14.73:1 (AAA (normal text)).