Puffy Cloud Tetradic Color Scheme
Five colors arranged by the tetradic rule around Puffy Cloud (#D2DEF2), each snapped to its nearest named color.
#D2DEF2
#EED5EE
#F1E6D1
#D2EED6
#E8EFF8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Puffy Cloud | #D2DEF2 | 210, 222, 242 | 217°, 55%, 89% | 13, 8, 0, 5 | |
| Scented Spring | #EED5EE | 238, 213, 238 | 300°, 42%, 88% | 0, 11, 0, 7 | |
| Ancient Ivory | #F1E6D1 | 241, 230, 209 | 39°, 53%, 88% | 0, 5, 13, 5 | |
| End of the Rainbow | #D2EED6 | 210, 238, 214 | 129°, 45%, 88% | 12, 0, 10, 7 | |
| First Snow | #E8EFF8 | 232, 239, 248 | 214°, 53%, 94% | 6, 4, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EED5EE on #E8EFF8 | 1.18:1 | — |
| Aa #D2DEF2 on #E8EFF8 | 1.17:1 | — |
| Aa #EED5EE on #F1E6D1 | 1.10:1 | — |
| Aa #EED5EE on #D2EED6 | 1.10:1 | — |
| Aa #D2DEF2 on #F1E6D1 | 1.10:1 | — |
| Aa #D2DEF2 on #D2EED6 | 1.10:1 | — |
CSS variables
:root {
--color-1: #d2def2; /* Puffy Cloud */
--color-2: #eed5ee; /* Scented Spring */
--color-3: #f1e6d1; /* Ancient Ivory */
--color-4: #d2eed6; /* End of the Rainbow */
--color-5: #e8eff8; /* First Snow */
}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 Split-complementary Color Scheme#D2DEF2#F1D7D3#F0F2D2#9BB8E2#F9ECEA
- Puffy Cloud Monochromatic Color Scheme#5588CC#9BB8E2#D2DEF2#E8EFF8#E8EFF8
More Very Light Blue tetradic palettes
- A Dime a Dozen Tetradic Color Scheme#D3DDE4#E4D4E2#E4DAD3#D6E4D4#EEF2F3
- Andromeda Blue Tetradic Color Scheme#ABCDEE#EEAAEE#EECCAA#AAEEAA#EAF4FC
- Après-Ski Tetradic Color Scheme#CED5E4#E7CEE3#E4DDCE#D2E6D3#EDF2F8
- Ariel Tetradic Color Scheme#AED7EA#DDAAEE#E9C2AD#BAEBAE#EBF4FC
- Baby Blue Tetradic Color Scheme#A2CFFE#FFAAFF#FDD1A4#AAFFAA#E8F5FC
- Bird Bath Blue Tetradic Color Scheme#CDDFE7#E6CEE6#E6D6CD#CFE7CB#F0F4F8
- Blue Silk Tetradic Color Scheme#D0DCE8#E7CFE8#E7DCCF#D2E6D3#EDF2F8
- Breaking the Ice Tetradic Color Scheme#B8E4F5#EEBBEE#F5C8BB#C7FDB5#E8F7FD
- Breath of Fresh Air Tetradic Color Scheme#C7DBE4#DFCAE4#E3D1C8#CCE1C7#F0F4F8
- Breeze Tetradic Color Scheme#AEC9EA#EDABE6#EBCFAE#AAEEAA#ECF3F9
- Breezy Tetradic Color Scheme#C2DDE6#DEC0E2#E7CAC3#D1E8C2#EBF6F7
- Bright Star Tetradic Color Scheme#DDE2E6#E7D8EA#E9E1D9#DAE9DC#EEF2F3
Questions
What colors go with Puffy Cloud?
In a tetradic scheme: Scented Spring (#EED5EE), Ancient Ivory (#F1E6D1), End of the Rainbow (#D2EED6), First Snow (#E8EFF8).
What is the hex code of Puffy Cloud?
#D2DEF2.