Summit Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Summit (#8BB6B8), each snapped to its nearest named color.
#8BB6B8
#B78999
#B9A589
#579797
#D3B8C5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Summit | #8BB6B8 | 139, 182, 184 | 183°, 24%, 63% | 24, 1, 0, 28 | 74.6% 0.046 200 | |
| Monastir | #B78999 | 183, 137, 153 | 339°, 24%, 63% | 0, 25, 16, 28 | 67.9% 0.060 356 | |
| Harvest Brown | #B9A589 | 185, 165, 137 | 35°, 26%, 63% | 0, 11, 26, 27 | 73.2% 0.045 76 | |
| Peaceful Pond | #579797 | 87, 151, 151 | 180°, 27%, 47% | 42, 0, 0, 41 | 63.4% 0.066 196 | |
| Lavender Blessing | #D3B8C5 | 211, 184, 197 | 331°, 23%, 77% | 0, 13, 7, 17 | 80.9% 0.035 347 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #579797 on #D3B8C5 | 1.82:1 | — |
| Aa #B78999 on #D3B8C5 | 1.62:1 | — |
| Aa #8BB6B8 on #579797 | 1.51:1 | — |
| Aa #B9A589 on #579797 | 1.40:1 | — |
| Aa #8BB6B8 on #B78999 | 1.34:1 | — |
| Aa #B9A589 on #D3B8C5 | 1.30:1 | — |
CSS variables
:root {
--color-1: #8bb6b8; /* Summit */
--color-2: #b78999; /* Monastir */
--color-3: #b9a589; /* Harvest Brown */
--color-4: #579797; /* Peaceful Pond */
--color-5: #d3b8c5; /* Lavender Blessing */
}Other schemes from Summit
- Summit Complementary Color Scheme#8BB6B8#C5D9DB#BB8D88#9B5B55#DDCCCC
- Summit Analogous Color Scheme#8DBC8A#8EBAA6#8BB6B8#899FB9#908ABA
- Summit Triadic Color Scheme#8BB6B8#B48BB8#BBB98A#CADDDE#9D5A8F
- Summit Tetradic Color Scheme#8BB6B8#A18AB7#BB8D88#9EB788#CADDDE
- Summit Monochromatic Color Scheme#456B67#579797#8BB6B8#BAD5D4#EAF2F1
More light teal split-complementary color schemes
- Aqua Fiesta Split-complementary Color Scheme#96E2E1#E899BE#E0BB96#58CFD4#F2D4E2
- Aquatic Split-complementary Color Scheme#99C1CC#CC99AA#CDBE96#66A4B0#E4CCD4
- Aquatic Edge Split-complementary Color Scheme#BFD6D1#D9BFCE#DAC5BD#89BAB2#F5F0F1
- Bambino Split-complementary Color Scheme#8EDACC#DA93C1#D8A48F#58C8B6#EFC6E1
- Bath Water Split-complementary Color Scheme#88EEEE#FF88BB#EEBB88#45E9FD#F5CEE6
- Beach Glass Split-complementary Color Scheme#96DFCE#DE9BC4#DDA896#58CEB2#EECEE6
- Bevelled Glass Split-complementary Color Scheme#7ACCB8#CD7DB5#CB8F7B#42B395#E4ADD3
- Blizzard Blue Split-complementary Color Scheme#A3E3ED#F0A3BC#EDD2A3#6CDAE7#FAE2ED
- Blue Eye Samurai Split-complementary Color Scheme#75AEBD#BB7788#BEA775#49889A#D8AAB7
- Catch the Wave Split-complementary Color Scheme#B5DCD8#DAB6CD#DAC5B6#89C1BA#F4EAF0
- Cerulean Skies Split-complementary Color Scheme#8CC6CB#C88CA4#CBB08C#52A8B2#E2C3CF
- Clear Water Split-complementary Color Scheme#AAD5DB#DDAABB#D9C7AA#73B7C2#F1E0E8
Questions
What colors go with Summit?
In a split-complementary scheme: Monastir (#B78999), Harvest Brown (#B9A589), Peaceful Pond (#579797), Lavender Blessing (#D3B8C5).
What is the hex code of Summit?
#8BB6B8.