HEX Color #756DB6 (Darkslateblue)

About #756DB6

At its core, #756DB6 is a medium and moderate hue. If you're using CSS, you might find it aligns closely with Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 117, 109, and 182.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 36% cyan and 40% magenta inks. The HSL representation is 246.6° hue, 33.3% saturation, and 57.1% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#756DB6

RGB117, 109, 182

HSL246.6°, 33.3%, 57.1%

CMYK36%, 40%, 0%, 29%

HSV246.6°, 40.1%, 71.4%

LAB49.6, 20.6, -37.6

XYZ21.2, 18.1, 46.6

Decimal7695798

Color Harmonies

Complementary

#756DB6 #AEB66C

Analogous

#6C89B6 #996CB6

Triadic

#B6746C #6CB674

Tetradic

#B66C89 #AEB66C #6CB699

Tints, Shades & Tones

Tints (Adding White)

#756DB6

#847DBE

#938DC6

#A39DCE

#B2ADD6

#C1BEDE

#D1CEE6

#E0DEEE

#EFEEF6

#FFFFFF

Shades (Adding Black)

#756DB6

#6860A1

#5B548D

#4E4879

#413C65

#343050

#27243C

#1A1828

#0D0C14

#000000

WCAG Contrast Accessibility

4.55:1

Text on #FFFFFF

AA

4.62:1

Text on #000000

AA

4.35:1

Text on #F8FAFC

AA Large

3.93:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #756DB6; }

.text-color { color: #756DB6; }

.border-color { border: 2px solid #756DB6; }

Similar Colors

Darkslateblue

#483D8B