Dark Slate Gray Triadic Color Scheme
Five colors arranged by the triadic rule around Dark Slate Gray (#2F4F4F), each snapped to its nearest named color.
#2F4F4F
#51304E
#4E4D2F
#558F91
#1D0D1D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Dark Slate Gray | #2F4F4F | 47, 79, 79 | 180°, 25%, 25% | 41, 0, 0, 69 | 40.3% 0.038 196 | |
| Plum Skin | #51304E | 81, 48, 78 | 305°, 26%, 25% | 0, 41, 4, 68 | 36.2% 0.066 330 | |
| Umber Shade Wash | #4E4D2F | 78, 77, 47 | 58°, 25%, 25% | 0, 1, 40, 69 | 41.3% 0.046 107 | |
| Bristol Blue | #558F91 | 85, 143, 145 | 182°, 26%, 45% | 41, 1, 0, 43 | 61.1% 0.061 199 | |
| Shot in the Dark | #1D0D1D | 29, 13, 29 | 300°, 38%, 8% | 0, 55, 0, 89 | 19.0% 0.040 327 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #558F91 on #1D0D1D | 5.08:1 | AA |
| Aa #51304E on #558F91 | 3.04:1 | AA large |
| Aa #2F4F4F on #558F91 | 2.43:1 | — |
| Aa #4E4D2F on #558F91 | 2.36:1 | — |
| Aa #4E4D2F on #1D0D1D | 2.15:1 | — |
| Aa #2F4F4F on #1D0D1D | 2.09:1 | — |
CSS variables
:root {
--color-1: #2f4f4f; /* Dark Slate Gray */
--color-2: #51304e; /* Plum Skin */
--color-3: #4e4d2f; /* Umber Shade Wash */
--color-4: #558f91; /* Bristol Blue */
--color-5: #1d0d1d; /* Shot in the Dark */
}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 Split-complementary Color Scheme#2F4F4F#513439#523F31#0E191C#7F4C64
- Dark Slate Gray Tetradic Color Scheme#2F4F4F#3C2F4E#4E312D#364C2E#558F91
- Dark Slate Gray Monochromatic Color Scheme#0F1012#0E191C#2F4F4F#537E7E#6BA5A9
More dark teal triadic color schemes
- After the Storm Triadic Color Scheme#33616A#6C3461#607038#579DAB#391531
- Ahoy! Blue Triadic Color Scheme#0082A1#AA1188#89A203#04CDFF#550344
- Aqua Obscura Triadic Color Scheme#05696B#660066#6A6E09#09CDCD#220022
- Arctic Nights Triadic Color Scheme#345C61#633654#5F6033#579AA5#391531
- Baltic Triadic Color Scheme#279D9F#922B9C#8E9A21#58CFD4#691D6C
- Beau Vert Triadic Color Scheme#0C6064#660066#696112#19B6B5#220011
- Bermuda Triadic Color Scheme#1B7D8D#871F78#7F8E1D#22C1D5#441144
- Billiard Triadic Color Scheme#00AF9F#9900AA#AA9900#11FFEE#550066
- Bleu Ciel Triadic Color Scheme#007BA1#AA0077#78A300#0FC0FC#550344
- Blue Fjord Triadic Color Scheme#007290#990077#728F02#00CCEE#4C022F
- Blue Ocean Triadic Color Scheme#009DC4#CC0088#9DC100#22DDFF#730061
- Blue-Collar Triadic Color Scheme#005F7A#720058#447700#00B3E1#330022
Questions
What colors go with Dark Slate Gray?
In a triadic scheme: Plum Skin (#51304E), Umber Shade Wash (#4E4D2F), Bristol Blue (#558F91), Shot in the Dark (#1D0D1D).
What is the hex code of Dark Slate Gray?
#2F4F4F.