Vaporised Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Vaporised (#CBF4F8), each snapped to its nearest named color.
#CBF4F8
#F5C8DD
#F7E4CC
#88EEEE
#FFEBF2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vaporised | #CBF4F8 | 203, 244, 248 | 185°, 76%, 88% | 18, 2, 0, 3 | |
| Laelia Pink | #F5C8DD | 245, 200, 221 | 332°, 69%, 87% | 0, 18, 10, 4 | |
| Cannellini Beans | #F7E4CC | 247, 228, 204 | 33°, 73%, 88% | 0, 8, 17, 3 | |
| Bath Water | #88EEEE | 136, 238, 238 | 180°, 75%, 73% | 43, 0, 0, 7 | |
| Fairy Wings | #FFEBF2 | 255, 235, 242 | 339°, 100%, 96% | 0, 8, 5, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F5C8DD on #FFEBF2 | 1.30:1 | — |
| Aa #CBF4F8 on #F5C8DD | 1.26:1 | — |
| Aa #F5C8DD on #F7E4CC | 1.19:1 | — |
| Aa #88EEEE on #FFEBF2 | 1.19:1 | — |
| Aa #CBF4F8 on #88EEEE | 1.15:1 | — |
| Aa #F5C8DD on #88EEEE | 1.09:1 | — |
CSS variables
:root {
--color-1: #cbf4f8; /* Vaporised */
--color-2: #f5c8dd; /* Laelia Pink */
--color-3: #f7e4cc; /* Cannellini Beans */
--color-4: #88eeee; /* Bath Water */
--color-5: #ffebf2; /* Fairy Wings */
}Other schemes from Vaporised
- Vaporised Complementary Color Scheme#CBF4F8#E7FAFA#FACFCC#EF8E87#FCEBEB
- Vaporised Analogous Color Scheme#C8F3CD#D0F7E4#CBF4F8#C8DAF5#CCCCFF
- Vaporised Triadic Color Scheme#CBF4F8#FCCCF5#F5F9CB#E7FAFA#EE88EE
- Vaporised Tetradic Color Scheme#CBF4F8#E8CEF6#FACFCC#DDFFCC#E7FAFA
- Vaporised Monochromatic Color Scheme#44DDEE#88EEEE#CBF4F8#E7FAFA#E7FAFA
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 Vaporised?
In a split-complementary scheme: Laelia Pink (#F5C8DD), Cannellini Beans (#F7E4CC), Bath Water (#88EEEE), Fairy Wings (#FFEBF2).
What is the hex code of Vaporised?
#CBF4F8.