#4D495C

Color Details

HEX
#4D495C
RGB
rgb(77, 73, 92)
HSL
hsl(253, 12%, 32%)
CMYK
cmyk(16%, 21%, 0%, 64%)
Best text on this color #FFFFFF (CR 8.67:1) Determined by WCAG contrast ratio

Readability Previews

Black on #4d495c
Contrast 2.42:1 Fail
White on #4d495c
Contrast 8.67:1 AAA
#4d495c on Black
Contrast 2.42:1 Fail
#4d495c on White
Contrast 8.67:1 AAA

Tints & Shades

#716d7d
#94929d
#b8b6be
#3e3a4a
#2e2c37
#1f1d25

Complement & Analogous

#575b48
#594064
#404a64

Triadic

#5b4c48
#485b4c

Monochrome

#1f1d25 #2e2c37 #4d495c #94929d #b8b6be #dbdbde

Analogous

#404a64 #798093 #4d495c #7a6683 #594064 #473350

Complementary Mix

#2e2c37 #4d495c #94929d #575b48 #929488 #393b2f

Nearby Colors

#4d495b
#4d495d
#4d494c
#4d496c

Embed #4D495C swatch

Embed this swatch

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

Open image

About #4D495C

#4D495C converts to RGB(77, 73, 92) and HSL(253, 12%, 32%). 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).

#4D495C FAQs

What is the RGB value of #4D495C?
RGB: 77, 73, 92. Copy as CSS: rgb(77, 73, 92)
Is #4D495C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #4D495C?
Complement: #575b48.
Does #4D495C have good contrast on white or black?
On white: 8.67:1 (AAA (normal text)). On black: 2.42:1 (Fails AA).