Delicate Cloud Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Delicate Cloud (#DDDFE8), each snapped to its nearest named color.
#DDDFE8
#EAE1DD
#E3EADB
#ACB0CA
#F5F0F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Delicate Cloud | #DDDFE8 | 221, 223, 232 | 229°, 19%, 89% | 5, 4, 0, 9 | 90.5% 0.012 276 | |
| Sweet Roses | #EAE1DD | 234, 225, 221 | 18°, 24%, 89% | 0, 4, 6, 8 | 91.6% 0.011 46 | |
| Rhine Falls | #E3EADB | 227, 234, 219 | 88°, 26%, 89% | 3, 0, 6, 8 | 92.8% 0.021 127 | |
| Purple Freedom | #ACB0CA | 172, 176, 202 | 232°, 22%, 73% | 15, 13, 0, 21 | 76.2% 0.037 279 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 | 95.9% 0.006 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ACB0CA on #F5F0F1 | 1.90:1 | — |
| Aa #E3EADB on #ACB0CA | 1.74:1 | — |
| Aa #EAE1DD on #ACB0CA | 1.66:1 | — |
| Aa #DDDFE8 on #ACB0CA | 1.61:1 | — |
| Aa #DDDFE8 on #F5F0F1 | 1.18:1 | — |
| Aa #EAE1DD on #F5F0F1 | 1.14:1 | — |
CSS variables
:root {
--color-1: #dddfe8; /* Delicate Cloud */
--color-2: #eae1dd; /* Sweet Roses */
--color-3: #e3eadb; /* Rhine Falls */
--color-4: #acb0ca; /* Purple Freedom */
--color-5: #f5f0f1; /* Plastic Clouds */
}Other schemes from Delicate Cloud
- Delicate Cloud Complementary Color Scheme#DDDFE8#EEF2F3#EAE7DA#CEC7AA#F6F4EF
- Delicate Cloud Analogous Color Scheme#DCE9E9#DCE5EB#DDDFE8#E3DAE9#E5DBEB
- Delicate Cloud Triadic Color Scheme#DDDFE8#E9DBDE#DFEADB#EEF2F3#D1ABB5
- Delicate Cloud Tetradic Color Scheme#DDDFE8#E9DBE4#EAE7DA#DDEAE0#EEF2F3
- Delicate Cloud Monochromatic Color Scheme#838BA4#AEB5C7#DDDFE8#F2F2F4#F2F2F4
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 Delicate Cloud?
In a split-complementary scheme: Sweet Roses (#EAE1DD), Rhine Falls (#E3EADB), Purple Freedom (#ACB0CA), Plastic Clouds (#F5F0F1).
What is the hex code of Delicate Cloud?
#DDDFE8.