Slate Gray

#6D8196
RGB
109, 129, 150
HSL
211°, 16%, 51%
CMYK
27, 14, 0, 41
HSV
211°, 27%, 59%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #6D8196 color: #6D8196;
RGB 109, 129, 150 color: rgb(109, 129, 150);
RGB Percentage 43%, 51%, 59% color: rgb(43%, 51%, 59%);
CMYK 27%, 14%, 0%, 41% Not supported in CSS
HSL 211°, 16%, 51% color: hsl(211, 16%, 51%);
HSV 211°, 27%, 59% Not supported in CSS
CIE-LAB 41, -4, -7 color: lab(41% -4 -7);
Decimal 7176598 Not supported in CSS

Color Variations

Shades

#6E8196
#627488
#576779
#4C5B6A
#424E5B
#37414B
#2C343C
#21272D

Tints

#D4D9E0
#C5CDD5
#B7C0CB
#A8B4C0
#9AA7B6
#8B9BAB
#7D8EA1
#6E8196

Tones

#6E8196
#708194
#728292
#748290
#76828E
#78828C
#7A828A
#7C8288

Hues

#6E8196
#796E96
#966E95
#966E77
#96836E
#8B966E
#6E966F
#6E968D

Color Harmonies

Analogous

#6E9596
Click to copy
Cyan
95%
#6D8196
Click to copy
Slate gray
100%
#6F6E96
Click to copy
Blue
96%

Complementary

#6D8196
Click to copy
Slate gray
100%
#96836E
Click to copy
Orange
87%

Split Complementary

#6D8196
Click to copy
Slate gray
100%
#966F6E
Click to copy
Red
86%
#95966E
Click to copy
Yellow
86%

Triadic

#6D8196
Click to copy
Slate gray
100%
#966E81
Click to copy
Magenta
89%
#81966E
Click to copy
Green
89%

Tetradic

#6D8196
Click to copy
Slate gray
100%
#966E95
Click to copy
Purple
90%
#96836E
Click to copy
Orange
87%
#6E966F
Click to copy
Green
90%

Square

#6D8196
Click to copy
Slate gray
100%
#966E95
Click to copy
Purple
90%
#96836E
Click to copy
Orange
87%
#6E966F
Click to copy
Green
90%

CSS & Dev Snippets

CSS
.slate-gray {
  color: #6D8196;
}
SCSS
$slate-gray: #6D8196;
RGB
rgb(109, 129, 150)

Accessibility & Contrast

White background

4.01:1
4.01
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

5.23:1
5.23
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags