Stormy Sea Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Stormy Sea (#6E8082), each snapped to its nearest named color.
#6E8082
#985672
#967B5D
#3A6364
#B78999
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Stormy Sea | #6E8082 | 110, 128, 130 | 186°, 8%, 47% | 15, 2, 0, 49 | 58.6% 0.021 205 | |
| Pink Tulip | #985672 | 152, 86, 114 | 335°, 28%, 47% | 0, 43, 25, 40 | 53.8% 0.094 354 | |
| Cocoa Pecan | #967B5D | 150, 123, 93 | 32°, 23%, 48% | 0, 18, 38, 41 | 60.1% 0.054 69 | |
| Pyrite Green | #3A6364 | 58, 99, 100 | 181°, 27%, 31% | 42, 1, 0, 61 | 47.0% 0.046 198 | |
| Monastir | #B78999 | 183, 137, 153 | 339°, 24%, 63% | 0, 25, 16, 28 | 67.9% 0.060 356 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3A6364 on #B78999 | 2.24:1 | — |
| Aa #985672 on #B78999 | 1.80:1 | — |
| Aa #967B5D on #3A6364 | 1.68:1 | — |
| Aa #6E8082 on #3A6364 | 1.61:1 | — |
| Aa #6E8082 on #B78999 | 1.39:1 | — |
| Aa #985672 on #967B5D | 1.35:1 | — |
CSS variables
:root {
--color-1: #6e8082; /* Stormy Sea */
--color-2: #985672; /* Pink Tulip */
--color-3: #967b5d; /* Cocoa Pecan */
--color-4: #3a6364; /* Pyrite Green */
--color-5: #b78999; /* Monastir */
}Other schemes from Stormy Sea
- Stormy Sea Complementary Color Scheme#6E8082#8FBABC#956159#67423B#C69896
- Stormy Sea Analogous Color Scheme#5D9865#54927E#6E8082#577396#625C91
- Stormy Sea Triadic Color Scheme#6E8082#98568D#94975D#95BAC2#643E65
- Stormy Sea Tetradic Color Scheme#6E8082#7B5D92#956159#739957#95BAC2
- Stormy Sea Monochromatic Color Scheme#292C2F#4D5659#6E8082#95A3A6#C5C9C7
More medium gray split-complementary color schemes
- 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 Stormy Sea?
In a split-complementary scheme: Pink Tulip (#985672), Cocoa Pecan (#967B5D), Pyrite Green (#3A6364), Monastir (#B78999).
What is the hex code of Stormy Sea?
#6E8082.