Stormy Oceans Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Stormy Oceans (#70818E), each snapped to its nearest named color.
#70818E
#975B60
#9A9959
#435A6F
#BC8F8F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Stormy Oceans | #70818E | 112, 129, 142 | 206°, 12%, 50% | 21, 9, 0, 44 | 59.4% 0.028 241 | |
| Ruby Crystal | #975B60 | 151, 91, 96 | 355°, 25%, 47% | 0, 40, 36, 41 | 54.0% 0.079 15 | |
| Stem | #9A9959 | 154, 153, 89 | 59°, 27%, 48% | 0, 1, 42, 40 | 66.9% 0.086 108 | |
| Infinite Deep Sea | #435A6F | 67, 90, 111 | 209°, 25%, 35% | 40, 19, 0, 56 | 45.7% 0.044 246 | |
| Rosy Brown | #BC8F8F | 188, 143, 143 | 0°, 25%, 65% | 0, 24, 24, 26 | 69.3% 0.055 19 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #435A6F on #BC8F8F | 2.55:1 | — |
| Aa #9A9959 on #435A6F | 2.41:1 | — |
| Aa #975B60 on #BC8F8F | 1.87:1 | — |
| Aa #70818E on #435A6F | 1.78:1 | — |
| Aa #975B60 on #9A9959 | 1.78:1 | — |
| Aa #70818E on #BC8F8F | 1.43:1 | — |
CSS variables
:root {
--color-1: #70818e; /* Stormy Oceans */
--color-2: #975b60; /* Ruby Crystal */
--color-3: #9a9959; /* Stem */
--color-4: #435a6f; /* Infinite Deep Sea */
--color-5: #bc8f8f; /* Rosy Brown */
}Other schemes from Stormy Oceans
- Stormy Oceans Complementary Color Scheme#70818E#96AEC5#9E7C5E#705742#C3B19F
- Stormy Oceans Analogous Color Scheme#5E9D7B#5F9B9C#70818E#5B649E#7B5D92
- Stormy Oceans Triadic Color Scheme#70818E#9D5783#839B5C#9FB6C6#6C445B
- Stormy Oceans Tetradic Color Scheme#70818E#9F5F9F#9E7C5E#6A9D5D#9FB6C6
- Stormy Oceans Monochromatic Color Scheme#2C3539#4F5A62#70818E#9CA9AD#C6CBD1
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 Oceans?
In a split-complementary scheme: Ruby Crystal (#975B60), Stem (#9A9959), Infinite Deep Sea (#435A6F), Rosy Brown (#BC8F8F).
What is the hex code of Stormy Oceans?
#70818E.