#527E6C

Color Details

HEX
#527E6C
RGB
rgb(82, 126, 108)
HSL
hsl(155, 21%, 41%)
CMYK
cmyk(35%, 0%, 14%, 51%)
Best text on this color #FFFFFF (CR 4.61:1) Determined by WCAG contrast ratio

Readability Previews

Black on #527e6c
Contrast 4.56:1 AA
White on #527e6c
Contrast 4.61:1 AA
#527e6c on Black
Contrast 4.56:1 AA
#527e6c on White
Contrast 4.61:1 AA

Tints & Shades

#759889
#97b2a7
#bacbc4
#426556
#314c41
#21322b

Complement & Analogous

#7f5365
#527c80
#528055

Triadic

#6c537f
#7f6c53

Monochrome

#21322b #314c41 #527e6c #97b2a7 #bacbc4 #dce5e2

Analogous

#528055 #86a688 #527e6c #759699 #527c80 #426366

Complementary Mix

#314c41 #527e6c #97b2a7 #7f5365 #ac8f9b #533642

Nearby Colors

#527e6b
#527e6d
#527e5c
#527e7c

Embed #527E6C swatch

Embed this swatch

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

Open image

About #527E6C

#527E6C converts to RGB(82, 126, 108) and HSL(155, 21%, 41%). 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).

#527E6C FAQs

What is the RGB value of #527E6C?
RGB: 82, 126, 108. Copy as CSS: rgb(82, 126, 108)
Is #527E6C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #527E6C?
Complement: #7f5365.
Does #527E6C have good contrast on white or black?
On white: 4.61:1 (AA (normal text)). On black: 4.56:1 (AA (normal text)).