#B8D3D0

Color Details

HEX
#B8D3D0
RGB
rgb(184, 211, 208)
HSL
hsl(173, 23%, 77%)
CMYK
cmyk(13%, 0%, 1%, 17%)
Best text on this color #000000 (CR 13.27:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b8d3d0
Contrast 13.27:1 AAA
White on #b8d3d0
Contrast 1.58:1 Fail
#b8d3d0 on Black
Contrast 13.27:1 AAA
#b8d3d0 on White
Contrast 1.58:1 Fail

Tints & Shades

#c6dcd9
#d4e5e3
#e3edec
#93a9a6
#6e7f7d
#4a5453

Complement & Analogous

#d2b7ba
#b7c7d2
#b7d2c1

Triadic

#cfb7d2
#d2cfb7

Monochrome

#4a5453 #6e7f7d #b8d3d0 #d4e5e3 #e3edec #f1f6f6

Analogous

#b7d2c1 #cde0d4 #b8d3d0 #c5d2db #b7c7d2 #929fa8

Complementary Mix

#6e7f7d #b8d3d0 #d4e5e3 #d2b7ba #e2d0d2 #897779

Nearby Colors

#b8d3cf
#b8d3d1
#b8d3c0
#b8d3e0

Embed #B8D3D0 swatch

Embed this swatch

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

Open image

About #B8D3D0

#B8D3D0 converts to RGB(184, 211, 208) and HSL(173, 23%, 77%). 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).

#B8D3D0 FAQs

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