Dark Slate Gray Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Dark Slate Gray (#2F4F4F), each snapped to its nearest named color.
#0F1012
#0E191C
#2F4F4F
#537E7E
#6BA5A9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Ruined Smores | #0F1012 | 15, 16, 18 | 220°, 9%, 6% | 17, 11, 0, 93 | 17.3% 0.004 264 | |
| Black Stallion | #0E191C | 14, 25, 28 | 193°, 33%, 8% | 50, 11, 0, 89 | 20.4% 0.017 217 | |
| Dark Slate Gray | #2F4F4F | 47, 79, 79 | 180°, 25%, 25% | 41, 0, 0, 69 | 40.3% 0.038 196 | |
| Nickel Ore Green | #537E7E | 83, 126, 126 | 180°, 21%, 41% | 34, 0, 0, 51 | 56.2% 0.047 196 | |
| Fairstar | #6BA5A9 | 107, 165, 169 | 184°, 26%, 54% | 37, 2, 0, 34 | 68.4% 0.061 201 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0F1012 on #6BA5A9 | 6.87:1 | AA |
| Aa #0E191C on #6BA5A9 | 6.45:1 | AA |
| Aa #0F1012 on #537E7E | 4.22:1 | AA large |
| Aa #0E191C on #537E7E | 3.96:1 | AA large |
| Aa #2F4F4F on #6BA5A9 | 3.22:1 | AA large |
| Aa #0F1012 on #2F4F4F | 2.13:1 | — |
CSS variables
:root {
--color-1: #0f1012; /* Ruined Smores */
--color-2: #0e191c; /* Black Stallion */
--color-3: #2f4f4f; /* Dark Slate Gray */
--color-4: #537e7e; /* Nickel Ore Green */
--color-5: #6ba5a9; /* Fairstar */
}Other schemes from Dark Slate Gray
- Dark Slate Gray Complementary Color Scheme#2F4F4F#538B89#4E312D#1A1110#8D5455
- Dark Slate Gray Analogous Color Scheme#364C2E#2E4B3C#2F4F4F#303F4C#2F2F4A
- Dark Slate Gray Triadic Color Scheme#2F4F4F#51304E#4E4D2F#558F91#1D0D1D
- Dark Slate Gray Split-complementary Color Scheme#2F4F4F#513439#523F31#0E191C#7F4C64
- Dark Slate Gray Tetradic Color Scheme#2F4F4F#3C2F4E#4E312D#364C2E#558F91
More dark teal monochromatic color schemes
- After the Storm Monochromatic Color Scheme#0F1012#1C3339#33616A#4E939D#78B1BF
- Ahoy! Blue Monochromatic Color Scheme#0E191C#004455#0082A1#00CCEE#22DDFF
- Aqua Obscura Monochromatic Color Scheme#0E191C#002222#05696B#01B1AF#11EEEE
- Arctic Nights Monochromatic Color Scheme#0F1012#193232#345C61#508793#79B0B6
- Baltic Monochromatic Color Scheme#032425#166461#279D9F#48D1CC#78DBE2
- Beau Vert Monochromatic Color Scheme#0E191C#041723#0C6064#16A0A6#22DDEE
- Bermuda Monochromatic Color Scheme#0E191C#0B474A#1B7D8D#2DB0CE#6CC3E0
- Billiard Monochromatic Color Scheme#0E191C#016459#00AF9F#00FFE5#55FFEE
- Bleu Ciel Monochromatic Color Scheme#0E191C#004058#007BA1#00B7EB#37C4FA
- Blue Fjord Monochromatic Color Scheme#0E191C#003344#007290#00AADD#22DDFF
- Blue Ocean Monochromatic Color Scheme#032425#04627A#009DC4#04CDFF#55DDFF
- Blue-Collar Monochromatic Color Scheme#0E191C#002233#005F7A#0099C9#04CDFF
Questions
What colors go with Dark Slate Gray?
In a monochromatic scheme: Ruined Smores (#0F1012), Black Stallion (#0E191C), Nickel Ore Green (#537E7E), Fairstar (#6BA5A9).
What is the hex code of Dark Slate Gray?
#2F4F4F.