Clean Slate Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Clean Slate (#577396), each snapped to its nearest named color.
#577396
#935A59
#8E9655
#3D4E67
#B88884
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Clean Slate | #577396 | 87, 115, 150 | 213°, 27%, 46% | 42, 23, 0, 41 | |
| Gallery Red | #935A59 | 147, 90, 89 | 1°, 25%, 46% | 0, 39, 39, 42 | |
| Topiary | #8E9655 | 142, 150, 85 | 67°, 28%, 46% | 5, 0, 43, 41 | |
| Calico Dress | #3D4E67 | 61, 78, 103 | 216°, 26%, 32% | 41, 24, 0, 60 | |
| Toki Brown | #B88884 | 184, 136, 132 | 5°, 27%, 62% | 0, 26, 28, 28 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3D4E67 on #B88884 | 2.77:1 | — |
| Aa #8E9655 on #3D4E67 | 2.67:1 | — |
| Aa #935A59 on #B88884 | 1.79:1 | — |
| Aa #577396 on #3D4E67 | 1.73:1 | — |
| Aa #935A59 on #8E9655 | 1.73:1 | — |
| Aa #577396 on #B88884 | 1.60:1 | — |
CSS variables
:root {
--color-1: #577396; /* Clean Slate */
--color-2: #935a59; /* Gallery Red */
--color-3: #8e9655; /* Topiary */
--color-4: #3d4e67; /* Calico Dress */
--color-5: #b88884; /* Toki Brown */
}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 Tetradic Color Scheme#577396#98568D#937B56#5C9F59#8FA6C1
- Clean Slate Monochromatic Color Scheme#1B2632#3D4E67#577396#849DB4#B3C0D3
More Medium Blue split-complementary palettes
- Admiral Blue Split-complementary Color Scheme#50647F#814D50#7F8353#2F3F53#A97673
- Aster Split-complementary Color Scheme#867BA9#AF9C76#88AA77#5C5083#C7C0A7
- Azure Split-complementary Color Scheme#007FFF#FF0000#FEFF00#095BAF#FF474C
- Bay View Split-complementary Color Scheme#6A819E#A26766#9CA664#475877#BA9B97
- Beach View Split-complementary Color Scheme#4F7694#954C52#948F54#324C61#B7757C
- Bellflower Split-complementary Color Scheme#5D66AA#AD785C#88A95B#4B4775#C3A491
- Blasphemous Blue Split-complementary Color Scheme#3356AA#A94E37#8DA936#243F6C#CE7259
- Blue Split-complementary Color Scheme#0000FF#FF7F00#88FF00#0000BB#FFA64F
- Blue Burst Split-complementary Color Scheme#309CD0#D02B48#CEB736#256D8D#DC6C84
- Blue Overdose Split-complementary Color Scheme#0020EF#EE5500#8EFA00#0018A8#FA873D
- Blue Ribbon Split-complementary Color Scheme#0066FF#FF1500#E3FF00#0048BA#FC5A50
- Blue Triumph Split-complementary Color Scheme#4376AB#AB4343#A5A943#284C75#C97376
Questions
What colors go with Clean Slate?
In a split-complementary scheme: Gallery Red (#935A59), Topiary (#8E9655), Calico Dress (#3D4E67), Toki Brown (#B88884).
What is the hex code of Clean Slate?
#577396.