#B5E7CC

Color Details

HEX
#B5E7CC
RGB
rgb(181, 231, 204)
HSL
hsl(148, 51%, 81%)
CMYK
cmyk(22%, 0%, 12%, 9%)
Best text on this color #000000 (CR 15.27:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b5e7cc
Contrast 15.27:1 AAA
White on #b5e7cc
Contrast 1.38:1 Fail
#b5e7cc on Black
Contrast 15.27:1 AAA
#b5e7cc on White
Contrast 1.38:1 Fail

Tints & Shades

#c4ecd6
#d3f1e0
#e1f5eb
#91b9a3
#6d8b7a
#485c52

Complement & Analogous

#e7b6d0
#b6e7e6
#b7e7b6

Triadic

#cdb6e7
#e7cdb6

Monochrome

#485c52 #6d8b7a #b5e7cc #d3f1e0 #e1f5eb #f0faf5

Analogous

#b7e7b6 #cdeecc #b5e7cc #c5eceb #b6e7e6 #92b9b8

Complementary Mix

#6d8b7a #b5e7cc #d3f1e0 #e7b6d0 #efd0e0 #967687

Nearby Colors

#b5e7cb
#b5e7cd
#b5e7bc
#b5e7dc

Embed #B5E7CC swatch

Embed this swatch

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

Open image

About #B5E7CC

#B5E7CC converts to RGB(181, 231, 204) and HSL(148, 51%, 81%). 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).

#B5E7CC FAQs

What is the RGB value of #B5E7CC?
RGB: 181, 231, 204. Copy as CSS: rgb(181, 231, 204)
Is #B5E7CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B5E7CC?
Complement: #e7b6d0.
Does #B5E7CC have good contrast on white or black?
On white: 1.38:1 (Fails AA). On black: 15.27:1 (AAA (normal text)).