Cold Canada Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cold Canada (#DBFFFE), each snapped to its nearest named color.
#DBFFFE
#FFDDEE
#FFEBDA
#88FFFF
#FFE6F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cold Canada | #DBFFFE | 219, 255, 254 | 178°, 100%, 93% | 14, 0, 0, 0 | |
| Transparent Pink | #FFDDEE | 255, 221, 238 | 330°, 100%, 93% | 0, 13, 7, 0 | |
| Flowerbed | #FFEBDA | 255, 235, 218 | 28°, 100%, 93% | 0, 8, 15, 0 | |
| Glitter Shower | #88FFFF | 136, 255, 255 | 180°, 100%, 77% | 47, 0, 0, 0 | |
| Cherubic | #FFE6F1 | 255, 230, 241 | 334°, 100%, 95% | 0, 10, 5, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DBFFFE on #FFDDEE | 1.17:1 | — |
| Aa #DBFFFE on #88FFFF | 1.11:1 | — |
| Aa #DBFFFE on #FFE6F1 | 1.11:1 | — |
| Aa #DBFFFE on #FFEBDA | 1.09:1 | — |
| Aa #FFDDEE on #FFEBDA | 1.08:1 | — |
| Aa #FFDDEE on #FFE6F1 | 1.06:1 | — |
CSS variables
:root {
--color-1: #dbfffe; /* Cold Canada */
--color-2: #ffddee; /* Transparent Pink */
--color-3: #ffebda; /* Flowerbed */
--color-4: #88ffff; /* Glitter Shower */
--color-5: #ffe6f1; /* Cherubic */
}Other schemes from Cold Canada
- Cold Canada Complementary Color Scheme#DBFFFE#E7FEFF#FFDADC#FC9293#FFE6E7
- Cold Canada Analogous Color Scheme#DDFFDD#DDFFEE#DBFFFE#DDEEFF#DDDDFF
- Cold Canada Triadic Color Scheme#DBFFFE#FFDDFF#FFFED9#E7FEFF#FF88FF
- Cold Canada Tetradic Color Scheme#DBFFFE#EEDDFF#FFDADC#EEFFDD#E7FEFF
- Cold Canada Monochromatic Color Scheme#41FDFE#88FFFF#DBFFFE#E7FEFF#E7FEFF
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 Omen Split-complementary Color Scheme#D6EAE8#EAD3E0#EBDED7#A5D0CB#F8EEF4
- Cold Wave Split-complementary Color Scheme#C2E2E3#E2C3CF#E2D5C2#8CC6CB#F8EEF4
Questions
What colors go with Cold Canada?
In a split-complementary scheme: Transparent Pink (#FFDDEE), Flowerbed (#FFEBDA), Glitter Shower (#88FFFF), Cherubic (#FFE6F1).
What is the hex code of Cold Canada?
#DBFFFE.