Stormy Waters Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Stormy Waters (#84A9B0), each snapped to its nearest named color.
#84A9B0
#B28392
#B6A180
#598A8F
#CEAEBB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Stormy Waters | #84A9B0 | 132, 169, 176 | 190°, 22%, 60% | 25, 4, 0, 31 | |
| Noble Lilac | #B28392 | 178, 131, 146 | 341°, 23%, 61% | 0, 26, 18, 30 | |
| Montecito | #B6A180 | 182, 161, 128 | 37°, 27%, 61% | 0, 12, 30, 29 | |
| Dusty Turquoise | #598A8F | 89, 138, 143 | 186°, 23%, 45% | 38, 3, 0, 44 | |
| Pink Potion | #CEAEBB | 206, 174, 187 | 336°, 25%, 75% | 0, 16, 9, 19 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #598A8F on #CEAEBB | 1.91:1 | — |
| Aa #B28392 on #CEAEBB | 1.59:1 | — |
| Aa #B6A180 on #598A8F | 1.54:1 | — |
| Aa #84A9B0 on #598A8F | 1.52:1 | — |
| Aa #B28392 on #B6A180 | 1.28:1 | — |
| Aa #84A9B0 on #B28392 | 1.26:1 | — |
CSS variables
:root {
--color-1: #84a9b0; /* Stormy Waters */
--color-2: #b28392; /* Noble Lilac */
--color-3: #b6a180; /* Montecito */
--color-4: #598a8f; /* Dusty Turquoise */
--color-5: #ceaebb; /* Pink Potion */
}Other schemes from Stormy Waters
- Stormy Waters Complementary Color Scheme#84A9B0#BAD0D5#B38A82#956159#D6C4C1
- Stormy Waters Analogous Color Scheme#81B489#85B2A1#84A9B0#818EB1#8881B0
- Stormy Waters Triadic Color Scheme#84A9B0#B081AA#ABB486#C2D5DA#8B5987
- Stormy Waters Tetradic Color Scheme#84A9B0#A780B2#B38A82#93B881#C2D5DA
- Stormy Waters Monochromatic Color Scheme#3F5A5D#598A8F#84A9B0#B0C9CD#E1EAEC
More Light Teal split-complementary palettes
- 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 Stormy Waters?
In a split-complementary scheme: Noble Lilac (#B28392), Montecito (#B6A180), Dusty Turquoise (#598A8F), Pink Potion (#CEAEBB).
What is the hex code of Stormy Waters?
#84A9B0.