Named color · #716D63
Dusty Mountain
Dusty Mountain is #716D63: rgb(113 109 99), hsl(43 7% 42%), oklch(0.535 0.016 88.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Dusty Mountain color name →
#716D63
oklch(0.535 0.016 88.8)
Color conversions
- HEX
- #716d63
- RGB
- rgb(113 109 99)
- HSL
- hsl(43 7% 42%)
- HWB
- hwb(43 39% 56%)
- OKLCH
- oklch(0.535 0.016 88.8)
- OKLab
- oklab(0.535 0 0.016)
- CIE Lab
- lab(46.17 0.19 6.19)
- LCH
- lch(46.17 6.2 88.2)
- CMYK
- cmyk(0% 4% 12% 56%)
Tints · Shades · Tones
Tints
- 7E7B71
- 8C8880
- 99968F
- A7A59E
- B5B3AE
- C4C2BE
- D2D1CE
- E1E0DE
- F0EFEE
Shades
- 615E55
- 524F47
- 43413A
- 35332E
- 272621
- 1A1916
- 0E0D0B
- 040403
- 010100
Tones
- 726F66
- 747169
- 75736C
- 77756F
- 787671
- 7A7874
- 7B7A77
- 7D7C7A
- 7E7E7D
Color harmonies
Complementary +180°
- 716D63
Dusty Mountain
- 696D77
≈ Hong Kong Skyline
Analogous -30° +30°
- 716D63
Dusty Mountain
- 756B64
≈ Shot-Put
- 6C6F64
≈ Bonsai Trunk
Triadic +120° +240°
- 716D63
Dusty Mountain
- 637072
≈ Nevada
- 736A72
≈ Sultry Smoke
Split-complementary +150° +210°
- 716D63
Dusty Mountain
- 656F76
≈ Batman
- 6E6B76
≈ Warpfiend Grey
Tetradic +90° +180° +270°
- 716D63
Dusty Mountain
- 64716D
≈ Stairway to Heaven
- 696D77
≈ Hong Kong Skyline
- 766A6D
≈ Deep Greige
Contrast & accessibility
Ag
AAOn white
WCAG 5.15:1 · APCA Lc 76
Ag
FailOn black
WCAG 4.06:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.15:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--dusty-mountain: #716d63;
--dusty-mountain-rgb: 113 109 99;
--dusty-mountain-oklch: oklch(0.535 0.016 88.8);
}
.element {
color: var(--dusty-mountain);
background-color: hsl(43 7% 42%);
border-color: oklch(0.535 0.016 88.8);
}Tailwind CSS v4
@theme {
--color-dusty-mountain: #716d63;
--color-dusty-mountain-50: #f7f5f0;
--color-dusty-mountain-100: #eae8e2;
--color-dusty-mountain-200: #d7d4cd;
--color-dusty-mountain-300: #bab7ae;
--color-dusty-mountain-400: #a29e94;
--color-dusty-mountain-500: #8a867a;
--color-dusty-mountain-600: #757168;
--color-dusty-mountain-700: #5e5b53;
--color-dusty-mountain-800: #45423c;
--color-dusty-mountain-900: #2f2e29;
--color-dusty-mountain-950: #1c1a17;
}SCSS
$dusty-mountain: #716d63;
$dusty-mountain-rgb: 113, 109, 99;
$dusty-mountain-light: mix(#fff, $dusty-mountain, 20%);
$dusty-mountain-dark: mix(#000, $dusty-mountain, 20%);
.element {
color: $dusty-mountain;
box-shadow: 0 0 0 2px rgba($dusty-mountain, 0.35);
}