#B0E8DD

Color Details

HEX
#B0E8DD
RGB
rgb(176, 232, 221)
HSL
hsl(168, 55%, 80%)
CMYK
cmyk(24%, 0%, 5%, 9%)
Best text on this color #000000 (CR 15.43:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b0e8dd
Contrast 15.43:1 AAA
White on #b0e8dd
Contrast 1.36:1 Fail
#b0e8dd on Black
Contrast 15.43:1 AAA
#b0e8dd on White
Contrast 1.36:1 Fail

Tints & Shades

#c0ede4
#d0f1eb
#dff6f1
#8dbab1
#6a8b85
#465d58

Complement & Analogous

#e8b0bb
#b0d7e8
#b0e8c1

Triadic

#ddb0e8
#e8ddb0

Monochrome

#465d58 #6a8b85 #b0e8dd #d0f1eb #dff6f1 #effaf8

Analogous

#b0e8c1 #c8efd4 #b0e8dd #c0dfed #b0d7e8 #8dacba

Complementary Mix

#6a8b85 #b0e8dd #d0f1eb #e8b0bb #f0ccd3 #97727a

Nearby Colors

#b0e8dc
#b0e8de
#b0e8cd
#b0e8ed

Embed #B0E8DD swatch

Embed this swatch

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

Open image

About #B0E8DD

#B0E8DD converts to RGB(176, 232, 221) and HSL(168, 55%, 80%). 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).

#B0E8DD FAQs

What is the RGB value of #B0E8DD?
RGB: 176, 232, 221. Copy as CSS: rgb(176, 232, 221)
Is #B0E8DD a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B0E8DD?
Complement: #e8b0bb.
Does #B0E8DD have good contrast on white or black?
On white: 1.36:1 (Fails AA). On black: 15.43:1 (AAA (normal text)).