Cotton Clouds Triadic Color Scheme
Five colors arranged by the triadic rule around Cotton Clouds (#C2E1EC), each snapped to its nearest named color.
#C2E1EC
#F2C2E1
#E2EDC1
#ECF3F9
#DA93C1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cotton Clouds | #C2E1EC | 194, 225, 236 | 196°, 53%, 84% | 18, 5, 0, 7 | |
| Rosy Nectar | #F2C2E1 | 242, 194, 225 | 321°, 65%, 85% | 0, 20, 7, 5 | |
| Spring Shoot | #E2EDC1 | 226, 237, 193 | 75°, 55%, 84% | 5, 0, 19, 7 | |
| Insignia White | #ECF3F9 | 236, 243, 249 | 208°, 52%, 95% | 5, 2, 0, 2 | |
| Firm Pink | #DA93C1 | 218, 147, 193 | 321°, 49%, 72% | 0, 33, 11, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ECF3F9 on #DA93C1 | 2.10:1 | — |
| Aa #E2EDC1 on #DA93C1 | 1.92:1 | — |
| Aa #C2E1EC on #DA93C1 | 1.71:1 | — |
| Aa #F2C2E1 on #DA93C1 | 1.52:1 | — |
| Aa #F2C2E1 on #ECF3F9 | 1.38:1 | — |
| Aa #F2C2E1 on #E2EDC1 | 1.26:1 | — |
CSS variables
:root {
--color-1: #c2e1ec; /* Cotton Clouds */
--color-2: #f2c2e1; /* Rosy Nectar */
--color-3: #e2edc1; /* Spring Shoot */
--color-4: #ecf3f9; /* Insignia White */
--color-5: #da93c1; /* Firm Pink */
}Other schemes from Cotton Clouds
- Cotton Clouds Complementary Color Scheme#C2E1EC#ECF3F9#EDCDC2#DC9D8B#F8F1EB
- Cotton Clouds Analogous Color Scheme#C2EBD1#C4EAE0#C2E1EC#C3CDE6#CEC8EF
- 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 triadic palettes
- A Dime a Dozen Triadic Color Scheme#D3DDE4#E5D2DD#DBE5D2#EEF2F3#C8A3B8
- Andromeda Blue Triadic Color Scheme#ABCDEE#EEAACC#D5EBAC#EAF4FC#E86EAD
- Après-Ski Triadic Color Scheme#CED5E4#E2CDD5#D5E3D0#EDF2F8#C59DAA
- Ariel Triadic Color Scheme#AED7EA#E6AED3#D5EBAC#EBF4FC#DD66BB
- Baby Blue Triadic Color Scheme#A2CFFE#FFA6C9#C1F9A2#E8F5FC#FF55AA
- Bird Bath Blue Triadic Color Scheme#CDDFE7#E6CCDD#DFE6CF#F0F4F8#CC99BB
- Blue Silk Triadic Color Scheme#D0DCE8#E7D1DD#DBE8CF#EDF2F8#CE9FB4
- Breaking the Ice Triadic Color Scheme#B8E4F5#F1BFE2#E3EFB2#E8F7FD#E56CC0
- Breath of Fresh Air Triadic Color Scheme#C7DBE4#E5C8D9#DBE2C9#F0F4F8#CC94BE
- Breeze Triadic Color Scheme#AEC9EA#E9ADCA#CEEBB2#ECF3F9#DE70A1
- Breezy Triadic Color Scheme#C2DDE6#E7C2DE#DEE3C0#EBF6F7#D492BD
- Bright Star Triadic Color Scheme#DDE2E6#E7DBE1#E1E9DB#EEF2F3#CAA7BB
Questions
What colors go with Cotton Clouds?
In a triadic scheme: Rosy Nectar (#F2C2E1), Spring Shoot (#E2EDC1), Insignia White (#ECF3F9), Firm Pink (#DA93C1).
What is the hex code of Cotton Clouds?
#C2E1EC.