Puffy Cloud Triadic Color Scheme
Five colors arranged by the triadic rule around Puffy Cloud (#D2DEF2), each snapped to its nearest named color.
#D2DEF2
#F0D3DF
#DFF1D6
#E8EFF8
#E198B4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Puffy Cloud | #D2DEF2 | 210, 222, 242 | 217°, 55%, 89% | 13, 8, 0, 5 | |
| Portrait Pink | #F0D3DF | 240, 211, 223 | 335°, 49%, 88% | 0, 12, 7, 6 | |
| Hint of Mint | #DFF1D6 | 223, 241, 214 | 100°, 49%, 89% | 7, 0, 11, 5 | |
| First Snow | #E8EFF8 | 232, 239, 248 | 214°, 53%, 94% | 6, 4, 0, 3 | |
| Peach Flower | #E198B4 | 225, 152, 180 | 337°, 55%, 74% | 0, 32, 20, 12 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E8EFF8 on #E198B4 | 1.94:1 | — |
| Aa #DFF1D6 on #E198B4 | 1.89:1 | — |
| Aa #D2DEF2 on #E198B4 | 1.65:1 | — |
| Aa #F0D3DF on #E198B4 | 1.61:1 | — |
| Aa #F0D3DF on #E8EFF8 | 1.20:1 | — |
| Aa #F0D3DF on #DFF1D6 | 1.17:1 | — |
CSS variables
:root {
--color-1: #d2def2; /* Puffy Cloud */
--color-2: #f0d3df; /* Portrait Pink */
--color-3: #dff1d6; /* Hint of Mint */
--color-4: #e8eff8; /* First Snow */
--color-5: #e198b4; /* Peach Flower */
}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 Split-complementary Color Scheme#D2DEF2#F1D7D3#F0F2D2#9BB8E2#F9ECEA
- Puffy Cloud Tetradic Color Scheme#D2DEF2#EED5EE#F1E6D1#D2EED6#E8EFF8
- Puffy Cloud Monochromatic Color Scheme#5588CC#9BB8E2#D2DEF2#E8EFF8#E8EFF8
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 Puffy Cloud?
In a triadic scheme: Portrait Pink (#F0D3DF), Hint of Mint (#DFF1D6), First Snow (#E8EFF8), Peach Flower (#E198B4).
What is the hex code of Puffy Cloud?
#D2DEF2.