#52785C

Color Details

HEX
#52785C
RGB
rgb(82, 120, 92)
HSL
hsl(136, 19%, 40%)
CMYK
cmyk(32%, 0%, 23%, 53%)
Best text on this color #FFFFFF (CR 5.00:1) Determined by WCAG contrast ratio

Readability Previews

Black on #52785c
Contrast 4.20:1 Fail
White on #52785c
Contrast 5.00:1 AA
#52785c on Black
Contrast 4.20:1 Fail
#52785c on White
Contrast 5.00:1 AA

Tints & Shades

#75937d
#97ae9d
#bac9be
#42604a
#314837
#213025

Complement & Analogous

#79536f
#507c72
#5a7c50

Triadic

#5d5379
#795d53

Monochrome

#213025 #314837 #52785c #97ae9d #bac9be #dce4de

Analogous

#5a7c50 #8ca385 #52785c #73968e #507c72 #40635b

Complementary Mix

#314837 #52785c #97ae9d #79536f #a88fa1 #4f3648

Nearby Colors

#52785b
#52785d
#52784c
#52786c

Embed #52785C swatch

Embed this swatch

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

Open image

About #52785C

#52785C converts to RGB(82, 120, 92) and HSL(136, 19%, 40%). 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).

#52785C FAQs

What is the RGB value of #52785C?
RGB: 82, 120, 92. Copy as CSS: rgb(82, 120, 92)
Is #52785C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #52785C?
Complement: #79536f.
Does #52785C have good contrast on white or black?
On white: 5.00:1 (AA (normal text)). On black: 4.20:1 (AA (large text)).