Out Cold Complementary Color Scheme
Five colors arranged by the complementary rule around Out Cold (#E2ECF2), each snapped to its nearest named color.
#E2ECF2
#EDF2F8
#F3E8E1
#DCBDAD
#F8F1EB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Out Cold | #E2ECF2 | 226, 236, 242 | 202°, 38%, 92% | 7, 2, 0, 5 | |
| Airport | #EDF2F8 | 237, 242, 248 | 213°, 44%, 95% | 4, 2, 0, 3 | |
| Quartz White | #F3E8E1 | 243, 232, 225 | 23°, 43%, 92% | 0, 5, 7, 5 | |
| One to Remember | #DCBDAD | 220, 189, 173 | 20°, 40%, 77% | 0, 14, 21, 14 | |
| Shea | #F8F1EB | 248, 241, 235 | 28°, 48%, 95% | 0, 3, 5, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DCBDAD on #F8F1EB | 1.57:1 | — |
| Aa #EDF2F8 on #DCBDAD | 1.56:1 | — |
| Aa #E2ECF2 on #DCBDAD | 1.47:1 | — |
| Aa #F3E8E1 on #DCBDAD | 1.46:1 | — |
| Aa #F3E8E1 on #F8F1EB | 1.08:1 | — |
| Aa #E2ECF2 on #F8F1EB | 1.07:1 | — |
CSS variables
:root {
--color-1: #e2ecf2; /* Out Cold */
--color-2: #edf2f8; /* Airport */
--color-3: #f3e8e1; /* Quartz White */
--color-4: #dcbdad; /* One to Remember */
--color-5: #f8f1eb; /* Shea */
}Other schemes from Out Cold
- Out Cold Analogous Color Scheme#E5F2E7#E1F2F0#E2ECF2#E1E6F2#E9E4EF
- Out Cold Triadic Color Scheme#E2ECF2#F3E0EB#ECF1E2#EDF2F8#D9AFCA
- Out Cold Split-complementary Color Scheme#E2ECF2#F0E2E4#F2EFE1#AEC9DC#F7EFEF
- Out Cold Tetradic Color Scheme#E2ECF2#EFE2F2#F3E8E1#E4F3E0#EDF2F8
- Out Cold Monochromatic Color Scheme#78A7C3#AEC9DC#E2ECF2#EDF2F8#EDF2F8
More Very Light Blue complementary palettes
- A Dime a Dozen Complementary Color Scheme#D3DDE4#EEF2F3#E4DAD3#CAB3A0#F6F2F1
- Andromeda Blue Complementary Color Scheme#ABCDEE#EAF4FC#EECCAA#E5AA70#F8F1EB
- Après-Ski Complementary Color Scheme#CED5E4#EDF2F8#E4DDCE#C6BB9C#F6F4EF
- Ariel Complementary Color Scheme#AED7EA#EBF4FC#E9C2AD#DD9475#F8F1EB
- Baby Blue Complementary Color Scheme#A2CFFE#E8F5FC#FDD1A4#FFAA55#FFF2E4
- Bird Bath Blue Complementary Color Scheme#CDDFE7#F0F4F8#E6D6CD#CCAA99#F7EFEF
- Blue Silk Complementary Color Scheme#D0DCE8#EDF2F8#E7DCCF#CEB79D#F8F4ED
- Breaking the Ice Complementary Color Scheme#B8E4F5#E8F7FD#F5C8BB#EE9977#FBEEE8
- Breath of Fresh Air Complementary Color Scheme#C7DBE4#F0F4F8#E3D1C8#CBA792#F7EFEF
- Breeze Complementary Color Scheme#AEC9EA#ECF3F9#EBCFAE#D9A96F#F8F4ED
- Breezy Complementary Color Scheme#C2DDE6#EBF6F7#E7CAC3#D29B8D#F8F1EB
- Bright Star Complementary Color Scheme#DDE2E6#EEF2F3#E9E1D9#CBB9AB#F6F2F1
Questions
What colors go with Out Cold?
In a complementary scheme: Airport (#EDF2F8), Quartz White (#F3E8E1), One to Remember (#DCBDAD), Shea (#F8F1EB).
What is the hex code of Out Cold?
#E2ECF2.