#5B626C

Color Details

HEX
#5B626C
RGB
rgb(91, 98, 108)
HSL
hsl(215, 9%, 39%)
CMYK
cmyk(16%, 9%, 0%, 58%)
Best text on this color #FFFFFF (CR 6.16:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5b626c
Contrast 3.41:1 Fail
White on #5b626c
Contrast 6.16:1 AA
#5b626c on Black
Contrast 3.41:1 Fail
#5b626c on White
Contrast 6.16:1 AA

Tints & Shades

#7c8189
#9da1a7
#bdc0c4
#494e56
#373b41
#24272b

Complement & Analogous

#6c655a
#514e79
#4e7679

Triadic

#6c5a62
#626c5a

Monochrome

#24272b #373b41 #5b626c #9da1a7 #bdc0c4 #dee0e2

Analogous

#4e7679 #839fa1 #5b626c #747194 #514e79 #413e61

Complementary Mix

#373b41 #5b626c #9da1a7 #6c655a #9f9b94 #46423b

Nearby Colors

#5b626b
#5b626d
#5b625c
#5b627c

Embed #5B626C swatch

Embed this swatch

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

Open image

About #5B626C

#5B626C converts to RGB(91, 98, 108) and HSL(215, 9%, 39%). 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).

#5B626C FAQs

What is the RGB value of #5B626C?
RGB: 91, 98, 108. Copy as CSS: rgb(91, 98, 108)
Is #5B626C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5B626C?
Complement: #6c655a.
Does #5B626C have good contrast on white or black?
On white: 6.16:1 (AA (normal text)). On black: 3.41:1 (AA (large text)).