#B8E3D0

Color Details

HEX
#B8E3D0
RGB
rgb(184, 227, 208)
HSL
hsl(153, 43%, 81%)
CMYK
cmyk(19%, 0%, 8%, 11%)
Best text on this color #000000 (CR 14.94:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b8e3d0
Contrast 14.94:1 AAA
White on #b8e3d0
Contrast 1.41:1 Fail
#b8e3d0 on Black
Contrast 14.94:1 AAA
#b8e3d0 on White
Contrast 1.41:1 Fail

Tints & Shades

#c6e9d9
#d4eee3
#e3f4ec
#93b6a6
#6e887d
#4a5b53

Complement & Analogous

#e3bacc
#bae1e3
#bae3bc

Triadic

#d1bae3
#e3d1ba

Monochrome

#4a5b53 #6e887d #b8e3d0 #d4eee3 #e3f4ec #f1f9f6

Analogous

#bae3bc #cfebd0 #b8e3d0 #c8e7e9 #bae1e3 #95b4b6

Complementary Mix

#6e887d #b8e3d0 #d4eee3 #e3bacc #edd2de #947985

Nearby Colors

#b8e3cf
#b8e3d1
#b8e3c0
#b8e3e0

Embed #B8E3D0 swatch

Embed this swatch

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

Open image

About #B8E3D0

#B8E3D0 converts to RGB(184, 227, 208) and HSL(153, 43%, 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).

#B8E3D0 FAQs

What is the RGB value of #B8E3D0?
RGB: 184, 227, 208. Copy as CSS: rgb(184, 227, 208)
Is #B8E3D0 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B8E3D0?
Complement: #e3bacc.
Does #B8E3D0 have good contrast on white or black?
On white: 1.41:1 (Fails AA). On black: 14.94:1 (AAA (normal text)).