#85B2BC

Color Details

HEX
#85B2BC
RGB
rgb(133, 178, 188)
HSL
hsl(191, 29%, 63%)
CMYK
cmyk(29%, 5%, 0%, 26%)
Best text on this color #000000 (CR 9.09:1) Determined by WCAG contrast ratio

Readability Previews

Black on #85b2bc
Contrast 9.09:1 AAA
White on #85b2bc
Contrast 2.31:1 Fail
#85b2bc on Black
Contrast 9.09:1 AAA
#85b2bc on White
Contrast 2.31:1 Fail

Tints & Shades

#9dc1c9
#b6d1d7
#cee0e4
#6a8e96
#506b71
#35474b

Complement & Analogous

#bc8f85
#8597bc
#85bcab

Triadic

#bc85b2
#b2bc85

Monochrome

#35474b #506b71 #85b2bc #b6d1d7 #cee0e4 #e7f0f2

Analogous

#85bcab #aad0c4 #85b2bc #9dacc9 #8597bc #6a7996

Complementary Mix

#506b71 #85b2bc #b6d1d7 #bc8f85 #d3b6b0 #7a5d56

Nearby Colors

#85b2bb
#85b2bd
#85b2ac
#85b2cc

Embed #85B2BC swatch

Embed this swatch

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

Open image

About #85B2BC

#85B2BC converts to RGB(133, 178, 188) and HSL(191, 29%, 63%). 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).

#85B2BC FAQs

What is the RGB value of #85B2BC?
RGB: 133, 178, 188. Copy as CSS: rgb(133, 178, 188)
Is #85B2BC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #85B2BC?
Complement: #bc8f85.
Does #85B2BC have good contrast on white or black?
On white: 2.31:1 (Fails AA). On black: 9.09:1 (AAA (normal text)).