HEX Color #6D6D92 (Slategray)

About #6D6D92

At its core, #6D6D92 is a medium and muted hue. Its closest recognized web color is Slategray. Its digital footprint relies on 109 parts red, 109 parts green, and 146 parts blue light.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 25% cyan, 25% magenta, 0% yellow, and 43% black. The HSL representation is 240.0° hue, 14.5% saturation, and 50.0% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#6D6D92

RGB109, 109, 146

HSL240.0°, 14.5%, 50.0%

CMYK25%, 25%, 0%, 43%

HSV240.0°, 25.3%, 57.3%

LAB47.3, 8.6, -20.2

XYZ17.0, 16.3, 29.4

Decimal7171474

Color Harmonies

Complementary

#6D6D92 #92926D

Analogous

#6D7F92 #7F6D92

Triadic

#926D6D #6D926D

Tetradic

#926D7F #92926D #6D927F

Tints, Shades & Tones

Tints (Adding White)

#6D6D92

#7D7D9E

#8D8DAA

#9D9DB6

#ADADC2

#BEBECE

#CECEDA

#DEDEE6

#EEEEF2

#FFFFFF

Shades (Adding Black)

#6D6D92

#606081

#545471

#484861

#3C3C51

#303040

#242430

#181820

#0C0C10

#000000

WCAG Contrast Accessibility

4.94:1

Text on #FFFFFF

AA

4.25:1

Text on #000000

AA Large

4.72:1

Text on #F8FAFC

AA

3.62:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #6D6D92; }

.text-color { color: #6D6D92; }

.border-color { border: 2px solid #6D6D92; }

Similar Colors

Slategray

#708090