#536D6C

Color Details

HEX
#536D6C
RGB
rgb(83, 109, 108)
HSL
hsl(178, 14%, 38%)
CMYK
cmyk(24%, 0%, 1%, 57%)
Best text on this color #FFFFFF (CR 5.57:1) Determined by WCAG contrast ratio

Readability Previews

Black on #536d6c
Contrast 3.77:1 Fail
White on #536d6c
Contrast 5.57:1 AA
#536d6c on Black
Contrast 3.77:1 Fail
#536d6c on White
Contrast 5.57:1 AA

Tints & Shades

#758a89
#98a7a7
#bac5c4
#425756
#324141
#212c2b

Complement & Analogous

#6e5354
#4c6276
#4c765f

Triadic

#6e536e
#6e6e53

Monochrome

#212c2b #324141 #536d6c #98a7a7 #bac5c4 #dde2e2

Analogous

#4c765f #829f8f #536d6c #708191 #4c6276 #3d4e5e

Complementary Mix

#324141 #536d6c #98a7a7 #6e5354 #a18f90 #483637

Nearby Colors

#536d6b
#536d6d
#536d5c
#536d7c

Embed #536D6C swatch

Embed this swatch

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

Open image

About #536D6C

#536D6C converts to RGB(83, 109, 108) and HSL(178, 14%, 38%). 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).

#536D6C FAQs

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