#84BCC7

Color Details

HEX
#84BCC7
RGB
rgb(132, 188, 199)
HSL
hsl(190, 37%, 65%)
CMYK
cmyk(34%, 6%, 0%, 22%)
Best text on this color #000000 (CR 10.00:1) Determined by WCAG contrast ratio

Readability Previews

Black on #84bcc7
Contrast 10.00:1 AAA
White on #84bcc7
Contrast 2.10:1 Fail
#84bcc7 on Black
Contrast 10.00:1 AAA
#84bcc7 on White
Contrast 2.10:1 Fail

Tints & Shades

#9dc9d2
#b5d7dd
#cee4e9
#6a969f
#4f7177
#354b50

Complement & Analogous

#c79085
#859bc7
#85c7b1

Triadic

#c785bc
#bcc785

Monochrome

#354b50 #4f7177 #84bcc7 #b5d7dd #cee4e9 #e6f2f4

Analogous

#85c7b1 #aad8c8 #84bcc7 #9dafd2 #859bc7 #6a7c9f

Complementary Mix

#4f7177 #84bcc7 #b5d7dd #c79085 #dbb7b0 #815e56

Nearby Colors

#84bcc6
#84bcc8
#84bcb7
#84bcd7

Embed #84BCC7 swatch

Embed this swatch

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

Open image

About #84BCC7

#84BCC7 converts to RGB(132, 188, 199) and HSL(190, 37%, 65%). 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).

#84BCC7 FAQs

What is the RGB value of #84BCC7?
RGB: 132, 188, 199. Copy as CSS: rgb(132, 188, 199)
Is #84BCC7 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #84BCC7?
Complement: #c79085.
Does #84BCC7 have good contrast on white or black?
On white: 2.10:1 (Fails AA). On black: 10.00:1 (AAA (normal text)).