Hurricane Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Hurricane (#8B7E77), each snapped to its nearest named color.
#8B7E77
#67A195
#696BA0
#705446
#93BCBB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hurricane | #8B7E77 | 139, 126, 119 | 21°, 8%, 51% | 0, 9, 14, 45 | |
| Emerald Oasis | #67A195 | 103, 161, 149 | 168°, 24%, 52% | 36, 0, 7, 37 | |
| Dusted Peri | #696BA0 | 105, 107, 160 | 238°, 22%, 52% | 34, 33, 0, 37 | |
| Hold Your Horses | #705446 | 112, 84, 70 | 20°, 23%, 36% | 0, 25, 37, 56 | |
| Turner’s Light | #93BCBB | 147, 188, 187 | 179°, 23%, 66% | 22, 0, 1, 26 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #705446 on #93BCBB | 3.33:1 | AA large |
| Aa #696BA0 on #93BCBB | 2.41:1 | — |
| Aa #67A195 on #705446 | 2.33:1 | — |
| Aa #8B7E77 on #93BCBB | 1.90:1 | — |
| Aa #8B7E77 on #705446 | 1.76:1 | — |
| Aa #67A195 on #696BA0 | 1.69:1 | — |
CSS variables
:root {
--color-1: #8b7e77; /* Hurricane */
--color-2: #67a195; /* Emerald Oasis */
--color-3: #696ba0; /* Dusted Peri */
--color-4: #705446; /* Hold Your Horses */
--color-5: #93bcbb; /* Turner’s Light */
}Other schemes from Hurricane
- Hurricane Complementary Color Scheme#8B7E77#C4AA9B#608BA6#47626F#A2BACB
- Hurricane Analogous Color Scheme#A96388#A2646F#8B7E77#A39A61#89A068
- Hurricane Triadic Color Scheme#8B7E77#6CA178#6F63A0#C5B1A0#477050
- Hurricane Tetradic Color Scheme#8B7E77#73A263#608BA6#9264A2#C5B1A0
- Hurricane Monochromatic Color Scheme#393432#615753#8B7E77#ADA5A3#D1CCCB
More Medium Gray split-complementary palettes
- Abandoned Spaceship Split-complementary Color Scheme#747A8A#9F715F#8C9E5E#445172#B5998E
- Acoustic Brown Split-complementary Color Scheme#766B69#588A79#5A6A8C#5B3D34#7DB39E
- Alley Cat Split-complementary Color Scheme#656874#886150#728A51#343E54#AE8A78
- Aloe Tip Split-complementary Color Scheme#8A9480#6C70A9#A66DA1#647F4A#9D9AC4
- Aluminium Split-complementary Color Scheme#848789#A36A6D#A69D64#476476#C4989E
- Amorous Split-complementary Color Scheme#967D96#8AA56E#70A38D#7F4F78#B3C39C
- Anchovy Split-complementary Color Scheme#756F6B#538B89#565B8D#594537#79AFAD
- Archaeology Split-complementary Color Scheme#6E6A5E#506E82#5C5083#534931#719DA8
- Argent Split-complementary Color Scheme#888888#70A38D#6A8AA4#784848#9BC2B4
- Armour Split-complementary Color Scheme#74857F#9D5A8F#9C675F#416858#B98FAF
- Armoury Split-complementary Color Scheme#6A6B65#4C5E87#764F82#515131#7886AA
- Ashen Whisper Split-complementary Color Scheme#646B7A#8B5E52#868B53#3A405A#B18377
Questions
What colors go with Hurricane?
In a split-complementary scheme: Emerald Oasis (#67A195), Dusted Peri (#696BA0), Hold Your Horses (#705446), Turner’s Light (#93BCBB).
What is the hex code of Hurricane?
#8B7E77.