Cold Canada Complementary Color Scheme
Five colors arranged by the complementary rule around Cold Canada (#DBFFFE), each snapped to its nearest named color.
#DBFFFE
#E7FEFF
#FFDADC
#FC9293
#FFE6E7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cold Canada | #DBFFFE | 219, 255, 254 | 178°, 100%, 93% | 14, 0, 0, 0 | |
| Bubbles | #E7FEFF | 231, 254, 255 | 183°, 100%, 95% | 9, 0, 0, 0 | |
| Strawberry Blonde | #FFDADC | 255, 218, 220 | 357°, 100%, 93% | 0, 15, 14, 0 | |
| Cherished One | #FC9293 | 252, 146, 147 | 359°, 95%, 78% | 0, 42, 42, 1 | |
| Vanilla Strawberry | #FFE6E7 | 255, 230, 231 | 358°, 100%, 95% | 0, 10, 9, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E7FEFF on #FC9293 | 2.07:1 | — |
| Aa #DBFFFE on #FC9293 | 2.04:1 | — |
| Aa #FC9293 on #FFE6E7 | 1.83:1 | — |
| Aa #FFDADC on #FC9293 | 1.69:1 | — |
| Aa #E7FEFF on #FFDADC | 1.23:1 | — |
| Aa #DBFFFE on #FFDADC | 1.21:1 | — |
CSS variables
:root {
--color-1: #dbfffe; /* Cold Canada */
--color-2: #e7feff; /* Bubbles */
--color-3: #ffdadc; /* Strawberry Blonde */
--color-4: #fc9293; /* Cherished One */
--color-5: #ffe6e7; /* Vanilla Strawberry */
}Other schemes from Cold Canada
- Cold Canada Analogous Color Scheme#DDFFDD#DDFFEE#DBFFFE#DDEEFF#DDDDFF
- Cold Canada Triadic Color Scheme#DBFFFE#FFDDFF#FFFED9#E7FEFF#FF88FF
- Cold Canada Split-complementary Color Scheme#DBFFFE#FFDDEE#FFEBDA#88FFFF#FFE6F1
- Cold Canada Tetradic Color Scheme#DBFFFE#EEDDFF#FFDADC#EEFFDD#E7FEFF
- Cold Canada Monochromatic Color Scheme#41FDFE#88FFFF#DBFFFE#E7FEFF#E7FEFF
More Very Light Teal complementary palettes
- Airy Complementary Color Scheme#DAE6E9#F1F3F3#E8DEDA#CDB1AB#F4EFEE
- Alpine Expedition Complementary Color Scheme#99EEFF#E7FEFF#FFAA99#FF6C51#FDEAE6
- Antiguan Complementary Color Scheme#BDDFD8#ECF7F7#DCBDC8#C78B95#F7EFEF
- Bare Mintimum Complementary Color Scheme#D6E3E7#F0F4F8#E6DAD6#CDAEA5#F7EFEF
- Blister Pearl Complementary Color Scheme#AAFFEE#E7FEFF#FFAABB#FD5B78#FFE6EC
- Bone-Chilling Complementary Color Scheme#E1F2F0#ECF7F7#F0E2E4#DDADAF#F6EEED
- Break the Ice Complementary Color Scheme#B2E1EE#EEF7FA#F1BFB1#E08771#FAEFE9
- Bubbles Complementary Color Scheme#E7FEFF#E7FEFF#FFE8E5#FF9999#FFE8E5
- Calm Waters Complementary Color Scheme#E7FAFA#EBFCFC#FBE7E6#F1AAA8#F9EAEA
- Castle in the Sky Complementary Color Scheme#D1EAED#ECF7F7#ECD4D2#DBA39A#F6EEED
- Cold Omen Complementary Color Scheme#D6EAE8#ECF7F7#ECD5D9#D1A5A6#F7EFEF
- Cold Wave Complementary Color Scheme#C2E2E3#ECF7F7#E1C2C1#CE8E8B#F6EEED
Questions
What colors go with Cold Canada?
In a complementary scheme: Bubbles (#E7FEFF), Strawberry Blonde (#FFDADC), Cherished One (#FC9293), Vanilla Strawberry (#FFE6E7).
What is the hex code of Cold Canada?
#DBFFFE.