#528088

Color Details

HEX
#528088
RGB
rgb(82, 128, 136)
HSL
hsl(189, 25%, 43%)
CMYK
cmyk(40%, 6%, 0%, 47%)
Best text on this color #000000 (CR 4.80:1) Determined by WCAG contrast ratio

Readability Previews

Black on #528088
Contrast 4.80:1 AA
White on #528088
Contrast 4.37:1 Fail
#528088 on Black
Contrast 4.80:1 AA
#528088 on White
Contrast 4.37:1 Fail

Tints & Shades

#7599a0
#97b3b8
#bacccf
#42666d
#314d52
#213336

Complement & Analogous

#895a52
#526589
#528976

Triadic

#895281
#818952

Monochrome

#213336 #314d52 #528088 #97b3b8 #bacccf #dce6e7

Analogous

#528976 #86ac9f #528088 #7584a1 #526589 #42516e

Complementary Mix

#314d52 #528088 #97b3b8 #895a52 #b2948f #593b35

Nearby Colors

#528087
#528089
#528078
#528098

Embed #528088 swatch

Embed this swatch

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

Open image

About #528088

#528088 converts to RGB(82, 128, 136) and HSL(189, 25%, 43%). 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).

#528088 FAQs

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