#528086

Color Details

HEX
#528086
RGB
rgb(82, 128, 134)
HSL
hsl(187, 24%, 42%)
CMYK
cmyk(39%, 4%, 0%, 47%)
Best text on this color #000000 (CR 4.79:1) Determined by WCAG contrast ratio

Readability Previews

Black on #528086
Contrast 4.79:1 AA
White on #528086
Contrast 4.38:1 Fail
#528086 on Black
Contrast 4.79:1 AA
#528086 on White
Contrast 4.38:1 Fail

Tints & Shades

#75999e
#97b3b6
#bacccf
#42666b
#314d50
#213336

Complement & Analogous

#855751
#516585
#518571

Triadic

#85517f
#7f8551

Monochrome

#213336 #314d50 #528086 #97b3b6 #bacccf #dce6e7

Analogous

#518571 #85aa9c #528086 #74849d #516585 #41516a

Complementary Mix

#314d50 #528086 #97b3b6 #855751 #b0928e #563935

Nearby Colors

#528085
#528087
#528076
#528096

Embed #528086 swatch

Embed this swatch

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

Open image

About #528086

#528086 converts to RGB(82, 128, 134) and HSL(187, 24%, 42%). 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).

#528086 FAQs

What is the RGB value of #528086?
RGB: 82, 128, 134. Copy as CSS: rgb(82, 128, 134)
Is #528086 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #528086?
Complement: #855751.
Does #528086 have good contrast on white or black?
On white: 4.38:1 (AA (large text)). On black: 4.79:1 (AA (normal text)).