Puffy Cloud Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Puffy Cloud (#D2DEF2), each snapped to its nearest named color.
#D2DEF2
#F1D7D3
#F0F2D2
#9BB8E2
#F9ECEA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Puffy Cloud | #D2DEF2 | 210, 222, 242 | 217°, 55%, 89% | 13, 8, 0, 5 | |
| Global Warming | #F1D7D3 | 241, 215, 211 | 8°, 52%, 89% | 0, 11, 12, 5 | |
| Screaming Skull | #F0F2D2 | 240, 242, 210 | 64°, 55%, 89% | 1, 0, 13, 5 | |
| Honest | #9BB8E2 | 155, 184, 226 | 215°, 55%, 75% | 31, 19, 0, 11 | |
| Salt Pebble | #F9ECEA | 249, 236, 234 | 8°, 56%, 95% | 0, 5, 6, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F0F2D2 on #9BB8E2 | 1.77:1 | — |
| Aa #9BB8E2 on #F9ECEA | 1.76:1 | — |
| Aa #D2DEF2 on #9BB8E2 | 1.50:1 | — |
| Aa #F1D7D3 on #9BB8E2 | 1.49:1 | — |
| Aa #F1D7D3 on #F0F2D2 | 1.19:1 | — |
| Aa #D2DEF2 on #F0F2D2 | 1.19:1 | — |
CSS variables
:root {
--color-1: #d2def2; /* Puffy Cloud */
--color-2: #f1d7d3; /* Global Warming */
--color-3: #f0f2d2; /* Screaming Skull */
--color-4: #9bb8e2; /* Honest */
--color-5: #f9ecea; /* Salt Pebble */
}Other schemes from Puffy Cloud
- Puffy Cloud Complementary Color Scheme#D2DEF2#E8EFF8#F1E6D1#E1C595#F8F4ED
- Puffy Cloud Analogous Color Scheme#D2F2E7#D0EFF3#D2DEF2#DBD7F2#E9D2EF
- Puffy Cloud Triadic Color Scheme#D2DEF2#F0D3DF#DFF1D6#E8EFF8#E198B4
- Puffy Cloud Tetradic Color Scheme#D2DEF2#EED5EE#F1E6D1#D2EED6#E8EFF8
- Puffy Cloud Monochromatic Color Scheme#5588CC#9BB8E2#D2DEF2#E8EFF8#E8EFF8
More Very Light Blue split-complementary palettes
- 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 Puffy Cloud?
In a split-complementary scheme: Global Warming (#F1D7D3), Screaming Skull (#F0F2D2), Honest (#9BB8E2), Salt Pebble (#F9ECEA).
What is the hex code of Puffy Cloud?
#D2DEF2.