Clean Slate Tetradic Color Scheme
Five colors arranged by the tetradic rule around Clean Slate (#577396), each snapped to its nearest named color.
#577396
#98568D
#937B56
#5C9F59
#8FA6C1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Clean Slate | #577396 | 87, 115, 150 | 213°, 27%, 46% | 42, 23, 0, 41 | |
| Purplish | #98568D | 152, 86, 141 | 310°, 28%, 47% | 0, 43, 7, 40 | |
| Tweed | #937B56 | 147, 123, 86 | 36°, 26%, 46% | 0, 16, 41, 42 | |
| Savage Garden | #5C9F59 | 92, 159, 89 | 117°, 28%, 49% | 42, 0, 44, 38 | |
| Frills | #8FA6C1 | 143, 166, 193 | 212°, 29%, 66% | 26, 14, 0, 24 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #98568D on #8FA6C1 | 2.07:1 | — |
| Aa #577396 on #8FA6C1 | 1.95:1 | — |
| Aa #98568D on #5C9F59 | 1.62:1 | — |
| Aa #937B56 on #8FA6C1 | 1.61:1 | — |
| Aa #577396 on #5C9F59 | 1.53:1 | — |
| Aa #98568D on #937B56 | 1.29:1 | — |
CSS variables
:root {
--color-1: #577396; /* Clean Slate */
--color-2: #98568d; /* Purplish */
--color-3: #937b56; /* Tweed */
--color-4: #5c9f59; /* Savage Garden */
--color-5: #8fa6c1; /* Frills */
}Other schemes from Clean Slate
- Clean Slate Complementary Color Scheme#577396#92A2BB#937B56#665439#C0AC92
- Clean Slate Analogous Color Scheme#54927E#579797#577396#5E5896#775496
- Clean Slate Triadic Color Scheme#577396#985672#739957#8FA6C1#673C4C
- Clean Slate Split-complementary Color Scheme#577396#935A59#8E9655#3D4E67#B88884
- Clean Slate Monochromatic Color Scheme#1B2632#3D4E67#577396#849DB4#B3C0D3
More Medium Blue tetradic palettes
- 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 Clean Slate?
In a tetradic scheme: Purplish (#98568D), Tweed (#937B56), Savage Garden (#5C9F59), Frills (#8FA6C1).
What is the hex code of Clean Slate?
#577396.