Warp Drive Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Warp Drive (#EAF2F1), each snapped to its nearest named color.
#EAF2F1
#F4EAF0
#F3ECEA
#BAD5D4
#F5F0F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Warp Drive | #EAF2F1 | 234, 242, 241 | 173°, 24%, 93% | 3, 0, 0, 5 | |
| Snow Plum | #F4EAF0 | 244, 234, 240 | 324°, 31%, 94% | 0, 4, 2, 4 | |
| Bunny Hop | #F3ECEA | 243, 236, 234 | 13°, 27%, 94% | 0, 3, 4, 5 | |
| Wingsuit Wind | #BAD5D4 | 186, 213, 212 | 178°, 24%, 78% | 13, 0, 0, 16 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BAD5D4 on #F5F0F1 | 1.37:1 | — |
| Aa #EAF2F1 on #BAD5D4 | 1.36:1 | — |
| Aa #F3ECEA on #BAD5D4 | 1.33:1 | — |
| Aa #F4EAF0 on #BAD5D4 | 1.32:1 | — |
| Aa #F4EAF0 on #F5F0F1 | 1.04:1 | — |
| Aa #F3ECEA on #F5F0F1 | 1.03:1 | — |
CSS variables
:root {
--color-1: #eaf2f1; /* Warp Drive */
--color-2: #f4eaf0; /* Snow Plum */
--color-3: #f3ecea; /* Bunny Hop */
--color-4: #bad5d4; /* Wingsuit Wind */
--color-5: #f5f0f1; /* Plastic Clouds */
}Other schemes from Warp Drive
- Warp Drive Complementary Color Scheme#EAF2F1#F0F4F2#F2EBEA#D8BABC#F5F0F1
- Warp Drive Analogous Color Scheme#EBF1E9#EAF2ED#EAF2F1#EAEFF2#E9ECF1
- Warp Drive Triadic Color Scheme#EAF2F1#F4EAF0#F2F0EA#F0F4F2#CFBBD8
- Warp Drive Tetradic Color Scheme#EAF2F1#EDE9EF#F2EBEA#EEF1EC#F0F4F2
- Warp Drive Monochromatic Color Scheme#89BAB2#BAD5D4#EAF2F1#F0F4F2#F0F4F2
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 Warp Drive?
In a split-complementary scheme: Snow Plum (#F4EAF0), Bunny Hop (#F3ECEA), Wingsuit Wind (#BAD5D4), Plastic Clouds (#F5F0F1).
What is the hex code of Warp Drive?
#EAF2F1.