Crushed Ice Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Crushed Ice (#C4FFF7), each snapped to its nearest named color.
#C4FFF7
#FFC8E9
#FED8C2
#73FDFF
#FFE3F4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Crushed Ice | #C4FFF7 | 196, 255, 247 | 172°, 100%, 88% | 23, 0, 3, 0 | 95.8% 0.060 186 | |
| Soulmate Pink | #FFC8E9 | 255, 200, 233 | 324°, 100%, 89% | 0, 22, 9, 0 | 89.1% 0.075 342 | |
| Friendship | #FED8C2 | 254, 216, 194 | 22°, 97%, 88% | 0, 15, 24, 0 | 90.9% 0.052 52 | |
| Ancient Ice | #73FDFF | 115, 253, 255 | 181°, 100%, 73% | 55, 1, 0, 0 | 91.9% 0.120 197 | |
| Bunny Tail | #FFE3F4 | 255, 227, 244 | 324°, 100%, 95% | 0, 11, 4, 0 | 94.3% 0.038 341 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C4FFF7 on #FFC8E9 | 1.29:1 | — |
| Aa #C4FFF7 on #FED8C2 | 1.20:1 | — |
| Aa #FFC8E9 on #FFE3F4 | 1.19:1 | — |
| Aa #FFC8E9 on #73FDFF | 1.17:1 | — |
| Aa #FED8C2 on #FFE3F4 | 1.11:1 | — |
| Aa #C4FFF7 on #73FDFF | 1.10:1 | — |
CSS variables
:root {
--color-1: #c4fff7; /* Crushed Ice */
--color-2: #ffc8e9; /* Soulmate Pink */
--color-3: #fed8c2; /* Friendship */
--color-4: #73fdff; /* Ancient Ice */
--color-5: #ffe3f4; /* Bunny Tail */
}Other schemes from Crushed Ice
- Crushed Ice Complementary Color Scheme#C4FFF7#E7FEFF#FFC3CB#FF7788#FFE6E7
- Crushed Ice Analogous Color Scheme#CCFFC2#CCFFDD#C4FFF7#C1EBFF#CCCCFF
- Crushed Ice Triadic Color Scheme#C4FFF7#EFC0FE#FFF7C4#E7FEFF#EE77FF
- Crushed Ice Tetradic Color Scheme#C4FFF7#DFC5FE#FFC3CB#EEF9C1#E7FEFF
- Crushed Ice Monochromatic Color Scheme#26F7FD#73FDFF#C4FFF7#E7FEFF#E7FEFF
More very light teal split-complementary color schemes
- 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 Crushed Ice?
In a split-complementary scheme: Soulmate Pink (#FFC8E9), Friendship (#FED8C2), Ancient Ice (#73FDFF), Bunny Tail (#FFE3F4).
What is the hex code of Crushed Ice?
#C4FFF7.