Cotton Clouds Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cotton Clouds (#C2E1EC), each snapped to its nearest named color.
#C2E1EC
#E9C4CC
#ECE0C4
#86C4DA
#F6EBEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Cotton Clouds | #C2E1EC | 194, 225, 236 | 196°, 53%, 84% | 18, 5, 0, 7 | 89.1% 0.036 221 | |
| Light Blush | #E9C4CC | 233, 196, 204 | 347°, 46%, 84% | 0, 16, 12, 9 | 85.4% 0.043 3 | |
| Sailcloth | #ECE0C4 | 236, 224, 196 | 42°, 51%, 85% | 0, 5, 17, 7 | 90.9% 0.039 88 | |
| Dolphin | #86C4DA | 134, 196, 218 | 196°, 53%, 69% | 39, 10, 0, 15 | 78.6% 0.071 222 | |
| Clichy White | #F6EBEE | 246, 235, 238 | 344°, 38%, 94% | 0, 4, 3, 4 | 95.0% 0.013 359 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #86C4DA on #F6EBEE | 1.65:1 | — |
| Aa #ECE0C4 on #86C4DA | 1.47:1 | — |
| Aa #C2E1EC on #86C4DA | 1.40:1 | — |
| Aa #E9C4CC on #F6EBEE | 1.36:1 | — |
| Aa #E9C4CC on #86C4DA | 1.21:1 | — |
| Aa #E9C4CC on #ECE0C4 | 1.21:1 | — |
CSS variables
:root {
--color-1: #c2e1ec; /* Cotton Clouds */
--color-2: #e9c4cc; /* Light Blush */
--color-3: #ece0c4; /* Sailcloth */
--color-4: #86c4da; /* Dolphin */
--color-5: #f6ebee; /* Clichy White */
}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 Triadic Color Scheme#C2E1EC#F2C2E1#E2EDC1#ECF3F9#DA93C1
- Cotton Clouds Tetradic Color Scheme#C2E1EC#E7C3E7#EDCDC2#CCEEC2#ECF3F9
- Cotton Clouds Monochromatic Color Scheme#54A9CA#86C4DA#C2E1EC#ECF3F9#ECF3F9
More very light blue split-complementary color schemes
- A Dime a Dozen Split-complementary Color Scheme#D3DDE4#E2D4D4#E3E4D2#A2BACB#F5F0F1
- Andromeda Blue Split-complementary Color Scheme#ABCDEE#EDAAAC#EEEEAA#72A7E1#F9EAEA
- Après-Ski Split-complementary Color Scheme#CED5E4#E3D2CE#E1E2CF#9BA9CA#F7EFEF
- Ariel Split-complementary Color Scheme#AED7EA#EAABBC#ECDFAD#74B8DA#F8EAED
- Baby Blue Split-complementary Color Scheme#A2CFFE#FEA5A2#FCFFA4#55AAFF#FFE6E7
- Bird Bath Blue Split-complementary Color Scheme#CDDFE7#E5CCD1#E8E1CE#99BDD2#F7EFEF
- Blue Silk Split-complementary Color Scheme#D0DCE8#E9CFCF#E9E9D0#9EB6D0#F6EEED
- Breaking the Ice Split-complementary Color Scheme#B8E4F5#F3BAC9#F3E8B8#76C5E7#FFE9ED
- Breath of Fresh Air Split-complementary Color Scheme#C7DBE4#E2C9CE#E3DEC6#97BBC8#F7EFEF
- Breeze Split-complementary Color Scheme#AEC9EA#E6B0AF#E8EBAF#71A2D4#F9EAEB
- Breezy Split-complementary Color Scheme#C2DDE6#E7C2CA#E7DCC1#8DBBD1#F7EFEF
- Bright Star Split-complementary Color Scheme#DDE2E6#E9D9DC#EAE7DA#AABCCB#F4EFEE
Questions
What colors go with Cotton Clouds?
In a split-complementary scheme: Light Blush (#E9C4CC), Sailcloth (#ECE0C4), Dolphin (#86C4DA), Clichy White (#F6EBEE).
What is the hex code of Cotton Clouds?
#C2E1EC.