Cotton Clouds Complementary Color Scheme
Five colors arranged by the complementary rule around Cotton Clouds (#C2E1EC), each snapped to its nearest named color.
#C2E1EC
#ECF3F9
#EDCDC2
#DC9D8B
#F8F1EB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cotton Clouds | #C2E1EC | 194, 225, 236 | 196°, 53%, 84% | 18, 5, 0, 7 | |
| Insignia White | #ECF3F9 | 236, 243, 249 | 208°, 52%, 95% | 5, 2, 0, 2 | |
| Leverkaas | #EDCDC2 | 237, 205, 194 | 15°, 54%, 85% | 0, 14, 18, 7 | |
| Medium Terracotta | #DC9D8B | 220, 157, 139 | 13°, 54%, 70% | 0, 29, 37, 14 | |
| Shea | #F8F1EB | 248, 241, 235 | 28°, 48%, 95% | 0, 3, 5, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DC9D8B on #F8F1EB | 2.03:1 | — |
| Aa #ECF3F9 on #DC9D8B | 2.03:1 | — |
| Aa #C2E1EC on #DC9D8B | 1.65:1 | — |
| Aa #EDCDC2 on #DC9D8B | 1.53:1 | — |
| Aa #EDCDC2 on #F8F1EB | 1.33:1 | — |
| Aa #ECF3F9 on #EDCDC2 | 1.33:1 | — |
CSS variables
:root {
--color-1: #c2e1ec; /* Cotton Clouds */
--color-2: #ecf3f9; /* Insignia White */
--color-3: #edcdc2; /* Leverkaas */
--color-4: #dc9d8b; /* Medium Terracotta */
--color-5: #f8f1eb; /* Shea */
}Other schemes from Cotton Clouds
- Cotton Clouds Analogous Color Scheme#C2EBD1#C4EAE0#C2E1EC#C3CDE6#CEC8EF
- Cotton Clouds Triadic Color Scheme#C2E1EC#F2C2E1#E2EDC1#ECF3F9#DA93C1
- Cotton Clouds Split-complementary Color Scheme#C2E1EC#E9C4CC#ECE0C4#86C4DA#F6EBEE
- Cotton Clouds Tetradic Color Scheme#C2E1EC#E7C3E7#EDCDC2#CCEEC2#ECF3F9
- Cotton Clouds Monochromatic Color Scheme#54A9CA#86C4DA#C2E1EC#ECF3F9#ECF3F9
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 Cotton Clouds?
In a complementary scheme: Insignia White (#ECF3F9), Leverkaas (#EDCDC2), Medium Terracotta (#DC9D8B), Shea (#F8F1EB).
What is the hex code of Cotton Clouds?
#C2E1EC.