Slate Gray Tetradic Color Scheme
Five colors arranged by the tetradic rule around Slate Gray (#708090), each snapped to its nearest named color.
#708090
#A063A1
#A18162
#73A263
#A0B2C8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Slate Gray | #708090 | 112, 128, 144 | 210°, 13%, 50% | 22, 11, 0, 44 | 59.3% 0.031 248 | |
| Royal Pretender | #A063A1 | 160, 99, 161 | 299°, 25%, 51% | 1, 39, 0, 37 | 58.9% 0.115 326 | |
| Mulled Cider | #A18162 | 161, 129, 98 | 30°, 25%, 51% | 0, 20, 39, 37 | 62.6% 0.059 65 | |
| Bulbasaur | #73A263 | 115, 162, 99 | 105°, 25%, 51% | 29, 0, 39, 36 | 66.3% 0.103 138 | |
| Aerial View | #A0B2C8 | 160, 178, 200 | 213°, 27%, 71% | 20, 11, 0, 22 | 75.7% 0.037 254 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A063A1 on #A0B2C8 | 2.02:1 | — |
| Aa #708090 on #A0B2C8 | 1.87:1 | — |
| Aa #A18162 on #A0B2C8 | 1.66:1 | — |
| Aa #A063A1 on #73A263 | 1.48:1 | — |
| Aa #73A263 on #A0B2C8 | 1.37:1 | — |
| Aa #708090 on #73A263 | 1.37:1 | — |
CSS variables
:root {
--color-1: #708090; /* Slate Gray */
--color-2: #a063a1; /* Royal Pretender */
--color-3: #a18162; /* Mulled Cider */
--color-4: #73a263; /* Bulbasaur */
--color-5: #a0b2c8; /* Aerial View */
}Other schemes from Slate Gray
- Slate Gray Complementary Color Scheme#708090#9EAFC2#A18162#6F5944#C5B1A0
- Slate Gray Analogous Color Scheme#64A281#60A0A3#708090#6264A6#9264A2
- Slate Gray Triadic Color Scheme#708090#A16381#89A068#A0B2C8#6C445B
- Slate Gray Split-complementary Color Scheme#708090#A06165#A0A160#435A6F#BC8F8F
- Slate Gray Monochromatic Color Scheme#2C3539#4F5A62#708090#9FA6B3#C7CDD3
More medium blue tetradic color schemes
- Admiral Blue Tetradic Color Scheme#50647F#834D7C#836B4F#498555#819AB1
- Aster Tetradic Color Scheme#867BA9#AA7982#A4AE77#7DB39E#BAB8D3
- Azure Tetradic Color Scheme#007FFF#FF00FF#FF8400#00FF00#77B5FE
- Bay View Tetradic Color Scheme#6A819E#A46A95#A68966#72A86A#A6B3C9
- Beach View Tetradic Color Scheme#4F7694#8B4F90#936B4F#538F4E#88AAC4
- Bellflower Tetradic Color Scheme#5D66AA#AC5D91#B3A156#5FA778#A3A7CC
- Blasphemous Blue Tetradic Color Scheme#3356AA#B53389#AA8833#39AD48#7391CC
- Blue Tetradic Color Scheme#0000FF#FF0080#FFFF00#04F489#6666FF
- Blue Burst Tetradic Color Scheme#309CD0#BE2BDF#CD632A#58D332#80C1E2
- Blue Overdose Tetradic Color Scheme#0020EF#EE0099#EFD100#11EE55#5566FF
- Blue Ribbon Tetradic Color Scheme#0066FF#FF08E8#FF9900#00FF11#77AAFF
- Blue Triumph Tetradic Color Scheme#4376AB#A442A0#AB7741#41A94F#84A7CE
Questions
What colors go with Slate Gray?
In a tetradic scheme: Royal Pretender (#A063A1), Mulled Cider (#A18162), Bulbasaur (#73A263), Aerial View (#A0B2C8).
What is the hex code of Slate Gray?
#708090.