Stormy Bay Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Stormy Bay (#9AAFAF), each snapped to its nearest named color.
#9AAFAF
#BB8DA8
#BBA28E
#5F9B9C
#D8BFC8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Stormy Bay | #9AAFAF | 154, 175, 175 | 180°, 12%, 65% | 12, 0, 0, 31 | |
| Elite Pink | #BB8DA8 | 187, 141, 168 | 325°, 25%, 64% | 0, 25, 10, 27 | |
| Mocha Foam | #BBA28E | 187, 162, 142 | 27°, 25%, 65% | 0, 13, 24, 27 | |
| Jugendstil Turquoise | #5F9B9C | 95, 155, 156 | 181°, 24%, 49% | 39, 1, 0, 39 | |
| Magnolia White | #D8BFC8 | 216, 191, 200 | 338°, 24%, 80% | 0, 12, 7, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5F9B9C on #D8BFC8 | 1.83:1 | — |
| Aa #BB8DA8 on #D8BFC8 | 1.63:1 | — |
| Aa #BBA28E on #D8BFC8 | 1.41:1 | — |
| Aa #9AAFAF on #5F9B9C | 1.37:1 | — |
| Aa #9AAFAF on #D8BFC8 | 1.34:1 | — |
| Aa #BBA28E on #5F9B9C | 1.30:1 | — |
CSS variables
:root {
--color-1: #9aafaf; /* Stormy Bay */
--color-2: #bb8da8; /* Elite Pink */
--color-3: #bba28e; /* Mocha Foam */
--color-4: #5f9b9c; /* Jugendstil Turquoise */
--color-5: #d8bfc8; /* Magnolia White */
}Other schemes from Stormy Bay
- Stormy Bay Complementary Color Scheme#9AAFAF#C6DEDF#BC8E8F#9B5B55#E0CDD1
- Stormy Bay Analogous Color Scheme#8FBC8F#8EBAA6#9AAFAF#8EA7B9#8E8DB9
- Stormy Bay Triadic Color Scheme#9AAFAF#BF90BB#BDB98F#CDE0E1#9F5F9F
- Stormy Bay Tetradic Color Scheme#9AAFAF#A291BA#BC8E8F#A4BE8D#CDE0E1
- Stormy Bay Monochromatic Color Scheme#4F6364#6F8A8C#9AAFAF#C4D2D0#EEF2F3
More Light Gray split-complementary palettes
- Alpine Air Split-complementary Color Scheme#A9B4A9#B598C3#C99BB0#72A86A#D6C9DE
- Argento Split-complementary Color Scheme#CECAC3#BAD0D5#BDBBD7#B8A88A#EAF2F1
- Brume Split-complementary Color Scheme#C6C6C2#B6C4D2#C3B5D4#B1B787#E4EAED
- Casper Split-complementary Color Scheme#AAB5B8#C59DAA#C3B89F#6C9DA9#E1CED4
- Cathedral Split-complementary Color Scheme#ACAAA7#93BCBB#9791BC#A18A64#C5D9DB
- Cortex Split-complementary Color Scheme#A99592#84B6A2#899BB8#956159#B5D1C7
- Crown of Ash Split-complementary Color Scheme#A1A9A9#BB8DA8#BEA58E#5F9B9C#D8BFC8
- Dangerous Robot Split-complementary Color Scheme#CBC5C6#BBD9C3#BBCFD4#BC8A90#EAF2ED
- Dark Ages Split-complementary Color Scheme#9698A3#B99684#ABB486#536193#D1BEB4
- Dim Split-complementary Color Scheme#C8C2BE#B7D1D1#B2B7D1#B69983#E5EEEE
- Dove Split-complementary Color Scheme#B3ADA7#9CC2C5#979AC4#A3876A#C6DEDF
- Dusky Mood Split-complementary Color Scheme#979BA8#B69289#A8B989#5A6E9C#D5BFB4
Questions
What colors go with Stormy Bay?
In a split-complementary scheme: Elite Pink (#BB8DA8), Mocha Foam (#BBA28E), Jugendstil Turquoise (#5F9B9C), Magnolia White (#D8BFC8).
What is the hex code of Stormy Bay?
#9AAFAF.