Green Glint Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Green Glint (#DCF1C7), each snapped to its nearest named color.
#DCF1C7
#CEC8EF
#EFC9EC
#B2E191
#EEE9F9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Green Glint | #DCF1C7 | 220, 241, 199 | 90°, 60%, 86% | 9, 0, 17, 5 | |
| Soap | #CEC8EF | 206, 200, 239 | 249°, 55%, 86% | 14, 16, 0, 6 | |
| Sugar High | #EFC9EC | 239, 201, 236 | 305°, 54%, 86% | 0, 16, 1, 6 | |
| Sage Sensation | #B2E191 | 178, 225, 145 | 95°, 57%, 73% | 21, 0, 36, 12 | |
| Bright Dusk | #EEE9F9 | 238, 233, 249 | 259°, 57%, 95% | 4, 6, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CEC8EF on #EEE9F9 | 1.34:1 | — |
| Aa #DCF1C7 on #CEC8EF | 1.33:1 | — |
| Aa #B2E191 on #EEE9F9 | 1.25:1 | — |
| Aa #EFC9EC on #EEE9F9 | 1.24:1 | — |
| Aa #DCF1C7 on #B2E191 | 1.24:1 | — |
| Aa #DCF1C7 on #EFC9EC | 1.23:1 | — |
CSS variables
:root {
--color-1: #dcf1c7; /* Green Glint */
--color-2: #cec8ef; /* Soap */
--color-3: #efc9ec; /* Sugar High */
--color-4: #b2e191; /* Sage Sensation */
--color-5: #eee9f9; /* Bright Dusk */
}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 Tetradic Color Scheme#DCF1C7#CCEEEE#D5C7E8#F1C6CA#F1FAEA
- Green Glint Monochromatic Color Scheme#94C84C#B2E191#DCF1C7#F1FAEA#F1FAEA
More Very Light Green split-complementary palettes
- Airy Fields Split-complementary Color Scheme#DBE0C4#C6CDE0#D7C9E3#B6CA90#EDF2F8
- Ambrosia Split-complementary Color Scheme#C6E1BC#CABAE0#E1BCD8#9CCA84#EBECF5
- Amnesiac White Split-complementary Color Scheme#F8FBEB#E7EFFB#F8EBFC#E3EBAE#E7EFFB
- Arabica Mint Split-complementary Color Scheme#C0FFEE#FEC9ED#FCCDC1#73FCD6#FEE8F5
- Bath Bubbles Split-complementary Color Scheme#E6F2EA#F0E5F5#F2E7E7#B3D5C0#F8EEF4
- Bethlehem Superstar Split-complementary Color Scheme#EAEEDA#D9E0EE#E7D7EF#CFD5A7#EDF2F8
- Blissful Serenity Split-complementary Color Scheme#EAEED8#D6DFEC#E7D7EF#CFD4A4#EDF2F8
- Breath of Celery Split-complementary Color Scheme#DCE7CB#CACFE6#E6CEE6#BBCC99#EDF2F8
- Candied Snow Split-complementary Color Scheme#D8FFF3#FFDBF7#FEE0DA#8CFFDB#FEE8F5
- Caribbean Split-complementary Color Scheme#CAF0E5#EFC9EC#F1D2C9#88DDCC#FCEBF4
- Clair de Lune Split-complementary Color Scheme#DBE9DF#E5DBEB#E9DBDE#AACCB9#F6F1F4
- Creamy Garlic Split-complementary Color Scheme#ECEFE3#E2E6EF#EDE2EE#CCD1B2#EDF2F8
Questions
What colors go with Green Glint?
In a split-complementary scheme: Soap (#CEC8EF), Sugar High (#EFC9EC), Sage Sensation (#B2E191), Bright Dusk (#EEE9F9).
What is the hex code of Green Glint?
#DCF1C7.