Ice Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Ice (#D6FFFA), each snapped to its nearest named color.
#D6FFFA
#FFD8F0
#FFE7D5
#88FFEE
#FFE3F4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Ice | #D6FFFA | 214, 255, 250 | 173°, 100%, 92% | 16, 0, 2, 0 | 97.0% 0.042 187 | |
| Sweet Sachet | #FFD8F0 | 255, 216, 240 | 323°, 100%, 92% | 0, 15, 6, 0 | 92.2% 0.053 341 | |
| Mood Lighting | #FFE7D5 | 255, 231, 213 | 26°, 100%, 92% | 0, 9, 16, 0 | 94.3% 0.036 59 | |
| Defence Matrix | #88FFEE | 136, 255, 238 | 171°, 100%, 77% | 47, 0, 7, 0 | 92.6% 0.111 183 | |
| 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 #D6FFFA on #FFD8F0 | 1.20:1 | — |
| Aa #D6FFFA on #FFE3F4 | 1.11:1 | — |
| Aa #D6FFFA on #88FFEE | 1.11:1 | — |
| Aa #D6FFFA on #FFE7D5 | 1.11:1 | — |
| Aa #FFD8F0 on #FFE7D5 | 1.08:1 | — |
| Aa #FFD8F0 on #88FFEE | 1.08:1 | — |
CSS variables
:root {
--color-1: #d6fffa; /* Ice */
--color-2: #ffd8f0; /* Sweet Sachet */
--color-3: #ffe7d5; /* Mood Lighting */
--color-4: #88ffee; /* Defence Matrix */
--color-5: #ffe3f4; /* Bunny Tail */
}Other schemes from Ice
- Ice Complementary Color Scheme#D6FFFA#E7FEFF#FFD6DD#FA8E99#FFE6E7
- Ice Analogous Color Scheme#DDFFDD#DDFFEE#D6FFFA#D5EDFB#DDDDFF
- Ice Triadic Color Scheme#D6FFFA#FED0FC#FFFBD7#E7FEFF#EE88FF
- Ice Tetradic Color Scheme#D6FFFA#EEDDFF#FFD6DD#EDFAD9#E7FEFF
- Ice Monochromatic Color Scheme#33FFFF#88FFEE#D6FFFA#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 Ice?
In a split-complementary scheme: Sweet Sachet (#FFD8F0), Mood Lighting (#FFE7D5), Defence Matrix (#88FFEE), Bunny Tail (#FFE3F4).
What is the hex code of Ice?
#D6FFFA.