Starship Tonic Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Starship Tonic (#CCE7E8), each snapped to its nearest named color.
#CCE7E8
#E9CDD8
#E7DCCC
#96D0D1
#F8EEF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Starship Tonic | #CCE7E8 | 204, 231, 232 | 182°, 38%, 85% | 12, 0, 0, 9 | |
| Petit Pink | #E9CDD8 | 233, 205, 216 | 336°, 39%, 86% | 0, 12, 7, 9 | |
| White Mocha | #E7DCCC | 231, 220, 204 | 36°, 36%, 85% | 0, 5, 12, 9 | |
| Big Surf | #96D0D1 | 150, 208, 209 | 181°, 39%, 70% | 28, 0, 0, 18 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #96D0D1 on #F8EEF4 | 1.51:1 | — |
| Aa #CCE7E8 on #96D0D1 | 1.32:1 | — |
| Aa #E9CDD8 on #F8EEF4 | 1.31:1 | — |
| Aa #E7DCCC on #96D0D1 | 1.27:1 | — |
| Aa #E7DCCC on #F8EEF4 | 1.19:1 | — |
| Aa #E9CDD8 on #96D0D1 | 1.16:1 | — |
CSS variables
:root {
--color-1: #cce7e8; /* Starship Tonic */
--color-2: #e9cdd8; /* Petit Pink */
--color-3: #e7dccc; /* White Mocha */
--color-4: #96d0d1; /* Big Surf */
--color-5: #f8eef4; /* Sentimental Pink */
}Other schemes from Starship Tonic
- Starship Tonic Complementary Color Scheme#CCE7E8#ECF7F7#E7CCCD#D39898#F6EEED
- Starship Tonic Analogous Color Scheme#CDEACD#CDE7DB#CCE7E8#C9D9E7#CFCBE5
- Starship Tonic Triadic Color Scheme#CCE7E8#E6CEE6#E8E9CC#ECF7F7#CC99CC
- Starship Tonic Tetradic Color Scheme#CCE7E8#DACEE8#E7CCCD#D8E6CB#ECF7F7
- Starship Tonic Monochromatic Color Scheme#60B3BC#96D0D1#CCE7E8#ECF7F7#ECF7F7
More Very Light Teal split-complementary palettes
- Airy Split-complementary Color Scheme#DAE6E9#E9DBDF#EAE4DA#A9C6CB#F5F0F1
- Alpine Expedition Split-complementary Color Scheme#99EEFF#FF9BB7#FFDD99#45E9FD#FFE5ED
- Antiguan Split-complementary Color Scheme#BDDFD8#DCBFD5#DFC7BC#8AC5BA#F8EEF4
- Bare Mintimum Split-complementary Color Scheme#D6E3E7#E8D8DA#E7E3D6#A6C4CA#F5F0F1
- Blister Pearl Split-complementary Color Scheme#AAFFEE#FFAAEE#FFC4AE#55FFCC#FFE3F4
- Bone-Chilling Split-complementary Color Scheme#E1F2F0#F3E0EB#F3E8E1#AEDDD3#F8EEF4
- Break the Ice Split-complementary Color Scheme#B2E1EE#EDB2C4#F1DAB2#75C7E0#F8EAED
- Bubbles Split-complementary Color Scheme#E7FEFF#FFE6F1#FFF2E4#9CFAFF#FFE6F1
- Calm Waters Split-complementary Color Scheme#E7FAFA#F9E7F4#F9F2E7#AFEEEE#FCEBF4
- Castle in the Sky Split-complementary Color Scheme#D1EAED#EBD0DB#EDE1D1#98D2D9#F7EFEF
- Cold Canada Split-complementary Color Scheme#DBFFFE#FFDDEE#FFEBDA#88FFFF#FFE6F1
- Cold Omen Split-complementary Color Scheme#D6EAE8#EAD3E0#EBDED7#A5D0CB#F8EEF4
Questions
What colors go with Starship Tonic?
In a split-complementary scheme: Petit Pink (#E9CDD8), White Mocha (#E7DCCC), Big Surf (#96D0D1), Sentimental Pink (#F8EEF4).
What is the hex code of Starship Tonic?
#CCE7E8.