#B7DADC

Color Details

HEX
#B7DADC
RGB
rgb(183, 218, 220)
HSL
hsl(183, 35%, 79%)
CMYK
cmyk(17%, 1%, 0%, 14%)
Best text on this color #000000 (CR 14.08:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b7dadc
Contrast 14.08:1 AAA
White on #b7dadc
Contrast 1.49:1 Fail
#b7dadc on Black
Contrast 14.08:1 AAA
#b7dadc on White
Contrast 1.49:1 Fail

Tints & Shades

#c5e1e3
#d4e9ea
#e2f0f1
#92aeb0
#6e8384
#495758

Complement & Analogous

#dcb9b7
#b7c8dc
#b7dccb

Triadic

#dcb7da
#dadcb7

Monochrome

#495758 #6e8384 #b7dadc #d4e9ea #e2f0f1 #f1f8f8

Analogous

#b7dccb #cde7db #b7dadc #c5d3e3 #b7c8dc #92a0b0

Complementary Mix

#6e8384 #b7dadc #d4e9ea #dcb9b7 #e8d2d0 #8f7877

Nearby Colors

#b7dadb
#b7dadd
#b7dacc
#b7daec

Embed #B7DADC swatch

Embed this swatch

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

Open image

About #B7DADC

#B7DADC converts to RGB(183, 218, 220) and HSL(183, 35%, 79%). 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).

#B7DADC FAQs

What is the RGB value of #B7DADC?
RGB: 183, 218, 220. Copy as CSS: rgb(183, 218, 220)
Is #B7DADC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B7DADC?
Complement: #dcb9b7.
Does #B7DADC have good contrast on white or black?
On white: 1.49:1 (Fails AA). On black: 14.08:1 (AAA (normal text)).