Green Glint Complementary Color Scheme
Five colors arranged by the complementary rule around Green Glint (#DCF1C7), each snapped to its nearest named color.
#DCF1C7
#F1FAEA
#D5C7E8
#BF8FE5
#F0EBFC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Green Glint | #DCF1C7 | 220, 241, 199 | 90°, 60%, 86% | 9, 0, 17, 5 | |
| White Sulphur | #F1FAEA | 241, 250, 234 | 94°, 62%, 95% | 4, 0, 6, 2 | |
| Foggy Love | #D5C7E8 | 213, 199, 232 | 265°, 42%, 85% | 8, 14, 0, 9 | |
| Luminous Lavender | #BF8FE5 | 191, 143, 229 | 273°, 62%, 73% | 17, 38, 0, 10 | |
| Placebo Purple | #F0EBFC | 240, 235, 252 | 258°, 74%, 95% | 5, 7, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F1FAEA on #BF8FE5 | 2.37:1 | — |
| Aa #BF8FE5 on #F0EBFC | 2.17:1 | — |
| Aa #DCF1C7 on #BF8FE5 | 2.11:1 | — |
| Aa #D5C7E8 on #BF8FE5 | 1.59:1 | — |
| Aa #F1FAEA on #D5C7E8 | 1.49:1 | — |
| Aa #D5C7E8 on #F0EBFC | 1.37:1 | — |
CSS variables
:root {
--color-1: #dcf1c7; /* Green Glint */
--color-2: #f1faea; /* White Sulphur */
--color-3: #d5c7e8; /* Foggy Love */
--color-4: #bf8fe5; /* Luminous Lavender */
--color-5: #f0ebfc; /* Placebo Purple */
}Other schemes from Green Glint
- 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 Tetradic Color Scheme#DCF1C7#CCEEEE#D5C7E8#F1C6CA#F1FAEA
- Green Glint Monochromatic Color Scheme#94C84C#B2E191#DCF1C7#F1FAEA#F1FAEA
More Very Light Green complementary palettes
- Airy Fields Complementary Color Scheme#DBE0C4#F4F7EE#CAC1E2#9E91C3#EBECF5
- Ambrosia Complementary Color Scheme#C6E1BC#F1F8EC#DCBFE1#B48AC2#F8EEF4
- Amnesiac White Complementary Color Scheme#F8FBEB#F8FBEB#EEE9F9#ACACE6#EEE9F9
- Arabica Mint Complementary Color Scheme#C0FFEE#E7FAFA#FFC1D0#FF7799#FFE5ED
- Bath Bubbles Complementary Color Scheme#E6F2EA#EFF5F1#F1E8EC#DAB4CC#F8EEF4
- Bethlehem Superstar Complementary Color Scheme#EAEEDA#F4F7EE#DDDCEF#B2A5D3#EBECF5
- Blissful Serenity Complementary Color Scheme#EAEED8#F6F7ED#DBD7F2#A6A1D7#EBECF5
- Breath of Celery Complementary Color Scheme#DCE7CB#F4F7EE#D9CDE5#AE99D2#F1F2F8
- Candied Snow Complementary Color Scheme#D8FFF3#EBFCF5#FDD7E4#FC89AC#FFE5ED
- Caribbean Complementary Color Scheme#CAF0E5#E9F9F5#EDC9D5#DC89A8#F8EAED
- Clair de Lune Complementary Color Scheme#DBE9DF#EFF5F1#E9DBE4#CCACC1#F6F1F4
- Creamy Garlic Complementary Color Scheme#ECEFE3#F4F7EE#E5E3EF#BFB3D1#F1F2F8
Questions
What colors go with Green Glint?
In a complementary scheme: White Sulphur (#F1FAEA), Foggy Love (#D5C7E8), Luminous Lavender (#BF8FE5), Placebo Purple (#F0EBFC).
What is the hex code of Green Glint?
#DCF1C7.