Gunmetal Gray

#353E43
RGB
53, 62, 67
HSL
201°, 12%, 24%
CMYK
21, 7, 0, 74
HSV
201°, 21%, 26%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #353E43 color: #353E43;
RGB 53, 62, 67 color: rgb(53, 62, 67);
RGB Percentage 21%, 24%, 26% color: rgb(21%, 24%, 26%);
CMYK 21%, 7%, 0%, 74% Not supported in CSS
HSL 201°, 12%, 24% color: hsl(201, 12%, 24%);
HSV 201°, 21%, 26% Not supported in CSS
CIE-LAB 19, -2, -2 color: lab(19% -2 -2);
Decimal 3489347 Not supported in CSS

Color Variations

Shades

#363F45
#30393E
#2B3337
#262C30
#202629
#1B2022
#16191B
#101315

Tints

#BEC7CC
#A8B4BB
#92A2AA
#7D8F99
#697C86
#586870
#47535A
#363F45

Tones

#363F45
#373F44
#373F43
#383F42
#393F42
#3A3E41
#3A3E40
#3B3E3F

Hues

#363F45
#373645
#423645
#45363C
#453B36
#434536
#384536
#36453F

Color Harmonies

Analogous

#364542
Click to copy
Dark Cyan
98%
#353E43
Click to copy
Gunmetal gray
100%
#363845
Click to copy
Dark Blue
99%

Complementary

#353E43
Click to copy
Gunmetal gray
100%
#453B36
Click to copy
Dark Red
95%

Split Complementary

#353E43
Click to copy
Gunmetal gray
100%
#453638
Click to copy
Dark Magenta
95%
#454236
Click to copy
Dark Orange
95%

Triadic

#353E43
Click to copy
Gunmetal gray
100%
#45363F
Click to copy
Dark Purple
96%
#3F4536
Click to copy
Dark Yellow
96%

Tetradic

#353E43
Click to copy
Gunmetal gray
100%
#423645
Click to copy
Dark Purple
97%
#453B36
Click to copy
Dark Red
95%
#384536
Click to copy
Dark Green
97%

Square

#353E43
Click to copy
Gunmetal gray
100%
#423645
Click to copy
Dark Purple
97%
#453B36
Click to copy
Dark Red
95%
#384536
Click to copy
Dark Green
97%

CSS & Dev Snippets

CSS
.gunmetal-gray {
  color: #353E43;
}
SCSS
$gunmetal-gray: #353E43;
RGB
rgb(53, 62, 67)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags