Pastel Smirk Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Pastel Smirk (#DEECE1), each snapped to its nearest named color.
#7FB489
#ADD0B3
#DEECE1
#EFF5F1
#EFF5F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Tree Fern | #7FB489 | 127, 180, 137 | 131°, 26%, 60% | 29, 0, 24, 29 | 72.1% 0.084 150 | |
| Pastel Mint Green | #ADD0B3 | 173, 208, 179 | 130°, 27%, 75% | 17, 0, 14, 18 | 82.4% 0.055 150 | |
| Pastel Smirk | #DEECE1 | 222, 236, 225 | 133°, 27%, 90% | 6, 0, 5, 7 | 93.0% 0.021 152 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 | 96.5% 0.008 157 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 | 96.5% 0.008 157 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7FB489 on #EFF5F1 | 2.16:1 | — |
| Aa #7FB489 on #EFF5F1 | 2.16:1 | — |
| Aa #7FB489 on #DEECE1 | 1.96:1 | — |
| Aa #ADD0B3 on #EFF5F1 | 1.53:1 | — |
| Aa #ADD0B3 on #EFF5F1 | 1.53:1 | — |
| Aa #7FB489 on #ADD0B3 | 1.42:1 | — |
CSS variables
:root {
--color-1: #7fb489; /* Tree Fern */
--color-2: #add0b3; /* Pastel Mint Green */
--color-3: #deece1; /* Pastel Smirk */
--color-4: #eff5f1; /* Heavy Sugar */
--color-5: #eff5f1; /* Heavy Sugar */
}Other schemes from Pastel Smirk
- Pastel Smirk Complementary Color Scheme#DEECE1#EFF5F1#EBDFEA#D1ACCE#F8EEF4
- Pastel Smirk Analogous Color Scheme#E9EBDE#E1EBDE#DEECE1#DFECE9#DDE8ED
- Pastel Smirk Triadic Color Scheme#DEECE1#E3DFEC#EBE2DE#EFF5F1#B4AECC
- Pastel Smirk Split-complementary Color Scheme#DEECE1#E8DFED#EADDE1#ADD0B3#F6F1F4
- Pastel Smirk Tetradic Color Scheme#DEECE1#DEE2EC#EBDFEA#ECE8DD#EFF5F1
More very light green monochromatic color schemes
- Airy Fields Monochromatic Color Scheme#9CAD60#B6CA90#DBE0C4#F4F7EE#F4F7EE
- Ambrosia Monochromatic Color Scheme#74AF54#9CCA84#C6E1BC#F1F8EC#F1F8EC
- Amnesiac White Monochromatic Color Scheme#CAE277#E3EBAE#F8FBEB#F8FBEB#F8FBEB
- Arabica Mint Monochromatic Color Scheme#32FFDC#73FCD6#C0FFEE#E7FAFA#E7FAFA
- Bath Bubbles Monochromatic Color Scheme#88BB95#B3D5C0#E6F2EA#EFF5F1#EFF5F1
- Bethlehem Superstar Monochromatic Color Scheme#A9BE70#CFD5A7#EAEEDA#F4F7EE#F4F7EE
- Blissful Serenity Monochromatic Color Scheme#AEC571#CFD4A4#EAEED8#F6F7ED#F6F7ED
- Breath of Celery Monochromatic Color Scheme#97BC62#BBCC99#DCE7CB#F4F7EE#F4F7EE
- Candied Snow Monochromatic Color Scheme#3AFDDB#8CFFDB#D8FFF3#EBFCF5#EBFCF5
- Caribbean Monochromatic Color Scheme#58CEB2#88DDCC#CAF0E5#E9F9F5#E9F9F5
- Clair de Lune Monochromatic Color Scheme#7BB18D#AACCB9#DBE9DF#EFF5F1#EFF5F1
- Creamy Garlic Monochromatic Color Scheme#AFB982#CCD1B2#ECEFE3#F4F7EE#F4F7EE
Questions
What colors go with Pastel Smirk?
In a monochromatic scheme: Tree Fern (#7FB489), Pastel Mint Green (#ADD0B3), Heavy Sugar (#EFF5F1), Heavy Sugar (#EFF5F1).
What is the hex code of Pastel Smirk?
#DEECE1.