HEX Color #75507C (Darkslateblue)

About #75507C

When working with digital screens, the color #75507C is rendered by mixing light. If you're using CSS, you might find it aligns closely with Darkslateblue. In the RGB color space, it consists of 117 red, 80 green, and 124 blue.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 6% cyan and 35% magenta inks. The HSL representation is 290.5° hue, 21.6% saturation, and 40.0% lightness.

Ensuring your text is legible against this background is a key part of web design. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#75507C

RGB117, 80, 124

HSL290.5°, 21.6%, 40.0%

CMYK6%, 35%, 0%, 51%

HSV290.5°, 35.5%, 48.6%

LAB39.5, 23.7, -18.8

XYZ13.8, 11.0, 20.5

Decimal7688316

Color Harmonies

Complementary

#75507C #577C50

Analogous

#5E507C #7C506C

Triadic

#7C7450 #507C75

Tetradic

#7C5F50 #577C50 #506C7C

Tints, Shades & Tones

Tints (Adding White)

#75507C

#84638A

#937699

#A38AA7

#B29DB6

#C1B1C4

#D1C4D3

#E0D8E1

#EFEBF0

#FFFFFF

Shades (Adding Black)

#75507C

#68476E

#5B3E60

#4E3552

#412C44

#342337

#271A29

#1A111B

#0D080D

#000000

WCAG Contrast Accessibility

6.57:1

Text on #FFFFFF

AA

3.19:1

Text on #000000

AA Large

6.28:1

Text on #F8FAFC

AA

2.72:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #75507C; }

.text-color { color: #75507C; }

.border-color { border: 2px solid #75507C; }

Similar Colors

Darkslateblue

#483D8B