#7D587C

Color Details

HEX
#7D587C
RGB
rgb(125, 88, 124)
HSL
hsl(302, 17%, 42%)
CMYK
cmyk(0%, 30%, 1%, 51%)
Best text on this color #FFFFFF (CR 5.90:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7d587c
Contrast 3.56:1 Fail
White on #7d587c
Contrast 5.90:1 AA
#7d587c on Black
Contrast 3.56:1 Fail
#7d587c on White
Contrast 5.90:1 AA

Tints & Shades

#977996
#b19bb0
#cbbccb
#644663
#4b354a
#322332

Complement & Analogous

#597d5a
#83546a
#6d5483

Triadic

#7c7d59
#597c7d

Monochrome

#322332 #4b354a #7d587c #b19bb0 #cbbccb #e5dee5

Analogous

#6d5483 #9987a8 #7d587c #9c7688 #83546a #694355

Complementary Mix

#4b354a #7d587c #b19bb0 #597d5a #93ab94 #3a513b

Nearby Colors

#7d587b
#7d587d
#7d586c
#7d588c

Embed #7D587C swatch

Embed this swatch

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

Open image

About #7D587C

#7D587C converts to RGB(125, 88, 124) and HSL(302, 17%, 42%). 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).

#7D587C FAQs

What is the RGB value of #7D587C?
RGB: 125, 88, 124. Copy as CSS: rgb(125, 88, 124)
Is #7D587C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #7D587C?
Complement: #597d5a.
Does #7D587C have good contrast on white or black?
On white: 5.90:1 (AA (normal text)). On black: 3.56:1 (AA (large text)).