#528093

Color Details

HEX
#528093
RGB
rgb(82, 128, 147)
HSL
hsl(198, 28%, 45%)
CMYK
cmyk(44%, 13%, 0%, 42%)
Best text on this color #000000 (CR 4.87:1) Determined by WCAG contrast ratio

Readability Previews

Black on #528093
Contrast 4.87:1 AA
White on #528093
Contrast 4.31:1 Fail
#528093 on Black
Contrast 4.87:1 AA
#528093 on White
Contrast 4.31:1 Fail

Tints & Shades

#7599a9
#97b3be
#baccd4
#426676
#314d58
#21333b

Complement & Analogous

#936653
#535f93
#539386

Triadic

#935380
#809353

Monochrome

#21333b #314d58 #528093 #97b3be #baccd4 #dce6e9

Analogous

#539386 #87b3aa #528093 #757fa9 #535f93 #424c76

Complementary Mix

#314d58 #528093 #97b3be #936653 #b99c8f #604236

Nearby Colors

#528092
#528094
#528083
#5280a3

Embed #528093 swatch

Embed this swatch

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

Open image

About #528093

#528093 converts to RGB(82, 128, 147) and HSL(198, 28%, 45%). 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).

#528093 FAQs

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