Cotton Clouds Analogous Color Scheme
Five colors arranged by the analogous rule around Cotton Clouds (#C2E1EC), each snapped to its nearest named color.
#C2EBD1
#C4EAE0
#C2E1EC
#C3CDE6
#CEC8EF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lost Lace | #C2EBD1 | 194, 235, 209 | 142°, 51%, 84% | 17, 0, 11, 8 | |
| Clear Aqua | #C4EAE0 | 196, 234, 224 | 164°, 47%, 84% | 16, 0, 4, 8 | |
| Cotton Clouds | #C2E1EC | 194, 225, 236 | 196°, 53%, 84% | 18, 5, 0, 7 | |
| Periwinkle Grey | #C3CDE6 | 195, 205, 230 | 223°, 41%, 83% | 15, 11, 0, 10 | |
| Soap | #CEC8EF | 206, 200, 239 | 249°, 55%, 86% | 14, 16, 0, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C4EAE0 on #CEC8EF | 1.23:1 | — |
| Aa #C4EAE0 on #C3CDE6 | 1.23:1 | — |
| Aa #C2EBD1 on #CEC8EF | 1.23:1 | — |
| Aa #C2EBD1 on #C3CDE6 | 1.22:1 | — |
| Aa #C2E1EC on #CEC8EF | 1.16:1 | — |
| Aa #C2E1EC on #C3CDE6 | 1.16:1 | — |
CSS variables
:root {
--color-1: #c2ebd1; /* Lost Lace */
--color-2: #c4eae0; /* Clear Aqua */
--color-3: #c2e1ec; /* Cotton Clouds */
--color-4: #c3cde6; /* Periwinkle Grey */
--color-5: #cec8ef; /* Soap */
}Other schemes from Cotton Clouds
- Cotton Clouds Complementary Color Scheme#C2E1EC#ECF3F9#EDCDC2#DC9D8B#F8F1EB
- 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 analogous palettes
- A Dime a Dozen Analogous Color Scheme#D3E5DB#D2E3E3#D3DDE4#D3D4E5#DAD4E4
- Andromeda Blue Analogous Color Scheme#ABEDC9#AFEEEE#ABCDEE#ACACE6#C2B2F0
- Après-Ski Analogous Color Scheme#CEE3DC#CFE0E4#CED5E4#D2CCE5#DECCE4
- Ariel Analogous Color Scheme#B3E8C2#ADE6DB#AED7EA#ACB9E8#C2B2F0
- Baby Blue Analogous Color Scheme#A5FBD5#AAFFFF#A2CFFE#A0A0FF#CEA2FD
- Bird Bath Blue Analogous Color Scheme#D1E6D5#CAE7E2#CDDFE7#CBD3E6#D2CCE5
- Blue Silk Analogous Color Scheme#CFE9DC#CEE9E8#D0DCE8#D0D2E9#DBD1E8
- Breaking the Ice Analogous Color Scheme#BEF7CF#BBEEEE#B8E4F5#BFC0EE#CDB7FA
- Breath of Fresh Air Analogous Color Scheme#C8E3D2#C7E5DF#C7DBE4#C7CCE7#D0C8E6
- Breeze Analogous Color Scheme#ADEACE#B1EAE8#AEC9EA#ACACE6#DDAAEE
- Breezy Analogous Color Scheme#C5E7CD#C1E6DF#C2DDE6#C3CDE6#CAC1E2
- Bright Star Analogous Color Scheme#DAE8E1#DCE9E9#DDE2E6#D9D9EA#E3DAE9
Questions
What colors go with Cotton Clouds?
In a analogous scheme: Lost Lace (#C2EBD1), Clear Aqua (#C4EAE0), Periwinkle Grey (#C3CDE6), Soap (#CEC8EF).
What is the hex code of Cotton Clouds?
#C2E1EC.