#536D2C

Color Details

HEX
#536D2C
RGB
rgb(83, 109, 44)
HSL
hsl(84, 42%, 30%)
CMYK
cmyk(24%, 0%, 60%, 57%)
Best text on this color #FFFFFF (CR 5.85:1) Determined by WCAG contrast ratio

Readability Previews

Black on #536d2c
Contrast 3.59:1 Fail
White on #536d2c
Contrast 5.85:1 AA
#536d2c on Black
Contrast 3.59:1 Fail
#536d2c on White
Contrast 5.85:1 AA

Tints & Shades

#758a56
#98a780
#bac5ab
#425723
#32411a
#212c12

Complement & Analogous

#462c6d
#336d2c
#6d662c

Triadic

#2c536d
#6d2c53

Monochrome

#212c12 #32411a #536d2c #98a780 #bac5ab #dde2d5

Analogous

#6d662c #99946b #536d2c #5c8a56 #336d2c #295723

Complementary Mix

#32411a #536d2c #98a780 #462c6d #8776a0 #2e1d47

Nearby Colors

#536d2b
#536d2d
#536d1c
#536d3c

Embed #536D2C swatch

Embed this swatch

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

Open image

About #536D2C

#536D2C converts to RGB(83, 109, 44) and HSL(84, 42%, 30%). 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).

#536D2C FAQs

What is the RGB value of #536D2C?
RGB: 83, 109, 44. Copy as CSS: rgb(83, 109, 44)
Is #536D2C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #536D2C?
Complement: #462c6d.
Does #536D2C have good contrast on white or black?
On white: 5.85:1 (AA (normal text)). On black: 3.59:1 (AA (large text)).