Icy Breeze Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Icy Breeze (#C4ECF0), each snapped to its nearest named color.
#C4ECF0
#EDC5D7
#EFDDC3
#8BD6E2
#FCEBF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Icy Breeze | #C4ECF0 | 196, 236, 240 | 185°, 59%, 85% | 18, 2, 0, 6 | |
| Tussie-Mussie | #EDC5D7 | 237, 197, 215 | 333°, 53%, 85% | 0, 17, 9, 7 | |
| Jakarta | #EFDDC3 | 239, 221, 195 | 35°, 58%, 85% | 0, 8, 18, 6 | |
| Fresh Blue | #8BD6E2 | 139, 214, 226 | 188°, 60%, 72% | 38, 5, 0, 11 | |
| Placebo Magenta | #FCEBF4 | 252, 235, 244 | 328°, 74%, 95% | 0, 7, 3, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8BD6E2 on #FCEBF4 | 1.43:1 | — |
| Aa #EDC5D7 on #FCEBF4 | 1.35:1 | — |
| Aa #C4ECF0 on #8BD6E2 | 1.30:1 | — |
| Aa #EFDDC3 on #8BD6E2 | 1.23:1 | — |
| Aa #C4ECF0 on #EDC5D7 | 1.22:1 | — |
| Aa #EDC5D7 on #EFDDC3 | 1.16:1 | — |
CSS variables
:root {
--color-1: #c4ecf0; /* Icy Breeze */
--color-2: #edc5d7; /* Tussie-Mussie */
--color-3: #efddc3; /* Jakarta */
--color-4: #8bd6e2; /* Fresh Blue */
--color-5: #fcebf4; /* Placebo Magenta */
}Other schemes from Icy Breeze
- Icy Breeze Complementary Color Scheme#C4ECF0#EEF7FA#EEC6C3#E4898A#F9ECEA
- Icy Breeze Analogous Color Scheme#C1EFC6#C6EADD#C4ECF0#C5D6EE#CEC8EF
- Icy Breeze Triadic Color Scheme#C4ECF0#EEC3EE#EDF2C3#EEF7FA#EE88CC
- Icy Breeze Tetradic Color Scheme#C4ECF0#D5C7E8#EEC6C3#DAECC5#EEF7FA
- Icy Breeze Monochromatic Color Scheme#4BC7CF#8BD6E2#C4ECF0#EEF7FA#EEF7FA
More Very Light Teal split-complementary palettes
- Airy Split-complementary Color Scheme#DAE6E9#E9DBDF#EAE4DA#A9C6CB#F5F0F1
- Alpine Expedition Split-complementary Color Scheme#99EEFF#FF9BB7#FFDD99#45E9FD#FFE5ED
- Antiguan Split-complementary Color Scheme#BDDFD8#DCBFD5#DFC7BC#8AC5BA#F8EEF4
- Bare Mintimum Split-complementary Color Scheme#D6E3E7#E8D8DA#E7E3D6#A6C4CA#F5F0F1
- Blister Pearl Split-complementary Color Scheme#AAFFEE#FFAAEE#FFC4AE#55FFCC#FFE3F4
- Bone-Chilling Split-complementary Color Scheme#E1F2F0#F3E0EB#F3E8E1#AEDDD3#F8EEF4
- Break the Ice Split-complementary Color Scheme#B2E1EE#EDB2C4#F1DAB2#75C7E0#F8EAED
- Bubbles Split-complementary Color Scheme#E7FEFF#FFE6F1#FFF2E4#9CFAFF#FFE6F1
- Calm Waters Split-complementary Color Scheme#E7FAFA#F9E7F4#F9F2E7#AFEEEE#FCEBF4
- Castle in the Sky Split-complementary Color Scheme#D1EAED#EBD0DB#EDE1D1#98D2D9#F7EFEF
- Cold Canada Split-complementary Color Scheme#DBFFFE#FFDDEE#FFEBDA#88FFFF#FFE6F1
- Cold Omen Split-complementary Color Scheme#D6EAE8#EAD3E0#EBDED7#A5D0CB#F8EEF4
Questions
What colors go with Icy Breeze?
In a split-complementary scheme: Tussie-Mussie (#EDC5D7), Jakarta (#EFDDC3), Fresh Blue (#8BD6E2), Placebo Magenta (#FCEBF4).
What is the hex code of Icy Breeze?
#C4ECF0.