#528032

Color Details

HEX
#528032
RGB
rgb(82, 128, 50)
HSL
hsl(95, 44%, 35%)
CMYK
cmyk(36%, 0%, 61%, 50%)
Best text on this color #FFFFFF (CR 4.67:1) Determined by WCAG contrast ratio

Readability Previews

Black on #528032
Contrast 4.49:1 Fail
White on #528032
Contrast 4.67:1 AA
#528032 on Black
Contrast 4.49:1 Fail
#528032 on White
Contrast 4.67:1 AA

Tints & Shades

#75995b
#97b384
#baccad
#426628
#314d1e
#213314

Complement & Analogous

#603281
#328139
#7a8132

Triadic

#325381
#813253

Monochrome

#213314 #314d1e #528032 #97b384 #baccad #dce6d6

Analogous

#7a8132 #a2a770 #528032 #5b9a61 #328139 #28672e

Complementary Mix

#314d1e #528032 #97b384 #603281 #987aad #3e2154

Nearby Colors

#528031
#528033
#528022
#528042

Embed #528032 swatch

Embed this swatch

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

Open image

About #528032

#528032 converts to RGB(82, 128, 50) and HSL(95, 44%, 35%). 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).

#528032 FAQs

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