Ice Ice Complementary Color Scheme
Five colors arranged by the complementary rule around Ice Ice (#BAEBAE), each snapped to its nearest named color.
#BAEBAE
#F1FAEA
#DDAAEE
#D374D5
#F8EBFC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ice Ice | #BAEBAE | 186, 235, 174 | 108°, 60%, 80% | 21, 0, 26, 8 | |
| White Sulphur | #F1FAEA | 241, 250, 234 | 94°, 62%, 95% | 4, 0, 6, 2 | |
| Petal Plush | #DDAAEE | 221, 170, 238 | 285°, 67%, 80% | 7, 29, 0, 7 | |
| Jewel Caterpillar | #D374D5 | 211, 116, 213 | 299°, 54%, 65% | 1, 46, 0, 16 | |
| Placebo Fuchsia | #F8EBFC | 248, 235, 252 | 286°, 74%, 95% | 2, 7, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F1FAEA on #D374D5 | 2.71:1 | — |
| Aa #D374D5 on #F8EBFC | 2.53:1 | — |
| Aa #BAEBAE on #D374D5 | 2.16:1 | — |
| Aa #F1FAEA on #DDAAEE | 1.77:1 | — |
| Aa #DDAAEE on #F8EBFC | 1.65:1 | — |
| Aa #DDAAEE on #D374D5 | 1.53:1 | — |
CSS variables
:root {
--color-1: #baebae; /* Ice Ice */
--color-2: #f1faea; /* White Sulphur */
--color-3: #ddaaee; /* Petal Plush */
--color-4: #d374d5; /* Jewel Caterpillar */
--color-5: #f8ebfc; /* Placebo Fuchsia */
}Other schemes from Ice Ice
- 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
- Ice Ice Monochromatic Color Scheme#58D332#8AD370#BAEBAE#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 Ice Ice?
In a complementary scheme: White Sulphur (#F1FAEA), Petal Plush (#DDAAEE), Jewel Caterpillar (#D374D5), Placebo Fuchsia (#F8EBFC).
What is the hex code of Ice Ice?
#BAEBAE.