Green Glint Tetradic Color Scheme
Five colors arranged by the tetradic rule around Green Glint (#DCF1C7), each snapped to its nearest named color.
#DCF1C7
#CCEEEE
#D5C7E8
#F1C6CA
#F1FAEA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Green Glint | #DCF1C7 | 220, 241, 199 | 90°, 60%, 86% | 9, 0, 17, 5 | |
| Princess Blue Feather | #CCEEEE | 204, 238, 238 | 180°, 50%, 87% | 14, 0, 0, 7 | |
| Foggy Love | #D5C7E8 | 213, 199, 232 | 265°, 42%, 85% | 8, 14, 0, 9 | |
| Rose Aspect | #F1C6CA | 241, 198, 202 | 354°, 61%, 86% | 0, 18, 16, 5 | |
| White Sulphur | #F1FAEA | 241, 250, 234 | 94°, 62%, 95% | 4, 0, 6, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D5C7E8 on #F1FAEA | 1.49:1 | — |
| Aa #F1C6CA on #F1FAEA | 1.43:1 | — |
| Aa #DCF1C7 on #D5C7E8 | 1.33:1 | — |
| Aa #CCEEEE on #D5C7E8 | 1.29:1 | — |
| Aa #DCF1C7 on #F1C6CA | 1.28:1 | — |
| Aa #CCEEEE on #F1C6CA | 1.25:1 | — |
CSS variables
:root {
--color-1: #dcf1c7; /* Green Glint */
--color-2: #cceeee; /* Princess Blue Feather */
--color-3: #d5c7e8; /* Foggy Love */
--color-4: #f1c6ca; /* Rose Aspect */
--color-5: #f1faea; /* White Sulphur */
}Other schemes from Green Glint
- Green Glint Complementary Color Scheme#DCF1C7#F1FAEA#D5C7E8#BF8FE5#F0EBFC
- Green Glint Analogous Color Scheme#F3DCC6#F1F1C6#DCF1C7#C1EFC6#C2ECD8
- Green Glint Triadic Color Scheme#DCF1C7#C8DDEE#F4C8DB#F1FAEA#93B8E3
- Green Glint Split-complementary Color Scheme#DCF1C7#CEC8EF#EFC9EC#B2E191#EEE9F9
- Green Glint Monochromatic Color Scheme#94C84C#B2E191#DCF1C7#F1FAEA#F1FAEA
More Very Light Green tetradic palettes
- Airy Fields Tetradic Color Scheme#DBE0C4#C7E0D9#CAC1E2#E2C3CF#F4F7EE
- Ambrosia Tetradic Color Scheme#C6E1BC#BCD8E2#DCBFE1#E1C3BB#F1F8EC
- Amnesiac White Tetradic Color Scheme#F8FBEB#EBFCF5#EEE9F9#F8EAED#F8FBEB
- Arabica Mint Tetradic Color Scheme#C0FFEE#D0C7FF#FFC1D0#EEF9C1#E7FAFA
- Bath Bubbles Tetradic Color Scheme#E6F2EA#E5E8F2#F1E8EC#F2F0E6#EFF5F1
- Bethlehem Superstar Tetradic Color Scheme#EAEEDA#D8EEE7#DDDCEF#EFD9E1#F4F7EE
- Blissful Serenity Tetradic Color Scheme#EAEED8#D8EEE7#DBD7F2#EEDADD#F6F7ED
- Breath of Celery Tetradic Color Scheme#DCE7CB#C9E7E3#D9CDE5#E7CCCD#F4F7EE
- Candied Snow Tetradic Color Scheme#D8FFF3#EEDDFF#FDD7E4#F9FDD9#EBFCF5
- Caribbean Tetradic Color Scheme#CAF0E5#CEC8EF#EDC9D5#E6EFCC#E9F9F5
- Clair de Lune Tetradic Color Scheme#DBE9DF#DADEE9#E9DBE4#E9E6DC#EFF5F1
- Creamy Garlic Tetradic Color Scheme#ECEFE3#E4EEEB#E5E3EF#F0E2E4#F4F7EE
Questions
What colors go with Green Glint?
In a tetradic scheme: Princess Blue Feather (#CCEEEE), Foggy Love (#D5C7E8), Rose Aspect (#F1C6CA), White Sulphur (#F1FAEA).
What is the hex code of Green Glint?
#DCF1C7.