Ice Ice Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Ice Ice (#BAEBAE), each snapped to its nearest named color.
#58D332
#8AD370
#BAEBAE
#F1FAEA
#F1FAEA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Download Progress | #58D332 | 88, 211, 50 | 106°, 65%, 51% | 58, 0, 76, 17 | 76.7% 0.222 140 | |
| Green Lacewing | #8AD370 | 138, 211, 112 | 104°, 53%, 63% | 35, 0, 47, 17 | 79.6% 0.151 138 | |
| Ice Ice | #BAEBAE | 186, 235, 174 | 108°, 60%, 80% | 21, 0, 26, 8 | 89.0% 0.096 140 | |
| White Sulphur | #F1FAEA | 241, 250, 234 | 94°, 62%, 95% | 4, 0, 6, 2 | 97.4% 0.023 131 | |
| White Sulphur | #F1FAEA | 241, 250, 234 | 94°, 62%, 95% | 4, 0, 6, 2 | 97.4% 0.023 131 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #58D332 on #F1FAEA | 1.82:1 | — |
| Aa #58D332 on #F1FAEA | 1.82:1 | — |
| Aa #8AD370 on #F1FAEA | 1.69:1 | — |
| Aa #8AD370 on #F1FAEA | 1.69:1 | — |
| Aa #58D332 on #BAEBAE | 1.45:1 | — |
| Aa #8AD370 on #BAEBAE | 1.34:1 | — |
CSS variables
:root {
--color-1: #58d332; /* Download Progress */
--color-2: #8ad370; /* Green Lacewing */
--color-3: #baebae; /* Ice Ice */
--color-4: #f1faea; /* White Sulphur */
--color-5: #f1faea; /* White Sulphur */
}Other schemes from Ice Ice
- Ice Ice Complementary Color Scheme#BAEBAE#F1FAEA#DDAAEE#D374D5#F8EBFC
- Ice Ice Analogous Color Scheme#ECDFAD#D9EBAC#BAEBAE#B3E8C2#B6ECDE
- Ice Ice Triadic Color Scheme#BAEBAE#ACB9E8#EAABBC#F1FAEA#7983D7
- Ice Ice Split-complementary Color Scheme#BAEBAE#C2B2F0#EEAADD#8AD370#F0EBFC
- Ice Ice Tetradic Color Scheme#BAEBAE#AED9EC#DDAAEE#EBC2AF#F1FAEA
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 Ice Ice?
In a monochromatic scheme: Download Progress (#58D332), Green Lacewing (#8AD370), White Sulphur (#F1FAEA), White Sulphur (#F1FAEA).
What is the hex code of Ice Ice?
#BAEBAE.