Ice Complementary Color Scheme
Five colors arranged by the complementary rule around Ice (#D6FFFA), each snapped to its nearest named color.
#D6FFFA
#E7FEFF
#FFD6DD
#FA8E99
#FFE6E7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ice | #D6FFFA | 214, 255, 250 | 173°, 100%, 92% | 16, 0, 2, 0 | |
| Bubbles | #E7FEFF | 231, 254, 255 | 183°, 100%, 95% | 9, 0, 0, 0 | |
| No Need to Blush | #FFD6DD | 255, 214, 221 | 350°, 100%, 92% | 0, 16, 13, 0 | |
| Strawberry Shortcake | #FA8E99 | 250, 142, 153 | 354°, 92%, 77% | 0, 43, 39, 2 | |
| Vanilla Strawberry | #FFE6E7 | 255, 230, 231 | 358°, 100%, 95% | 0, 10, 9, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E7FEFF on #FA8E99 | 2.13:1 | — |
| Aa #D6FFFA on #FA8E99 | 2.08:1 | — |
| Aa #FA8E99 on #FFE6E7 | 1.89:1 | — |
| Aa #FFD6DD on #FA8E99 | 1.69:1 | — |
| Aa #E7FEFF on #FFD6DD | 1.26:1 | — |
| Aa #D6FFFA on #FFD6DD | 1.23:1 | — |
CSS variables
:root {
--color-1: #d6fffa; /* Ice */
--color-2: #e7feff; /* Bubbles */
--color-3: #ffd6dd; /* No Need to Blush */
--color-4: #fa8e99; /* Strawberry Shortcake */
--color-5: #ffe6e7; /* Vanilla Strawberry */
}Other schemes from Ice
- Ice Analogous Color Scheme#DDFFDD#DDFFEE#D6FFFA#D5EDFB#DDDDFF
- Ice Triadic Color Scheme#D6FFFA#FED0FC#FFFBD7#E7FEFF#EE88FF
- Ice Split-complementary Color Scheme#D6FFFA#FFD8F0#FFE7D5#88FFEE#FFE3F4
- Ice Tetradic Color Scheme#D6FFFA#EEDDFF#FFD6DD#EDFAD9#E7FEFF
- Ice Monochromatic Color Scheme#33FFFF#88FFEE#D6FFFA#E7FEFF#E7FEFF
More Very Light Teal complementary palettes
- Airy Complementary Color Scheme#DAE6E9#F1F3F3#E8DEDA#CDB1AB#F4EFEE
- Alpine Expedition Complementary Color Scheme#99EEFF#E7FEFF#FFAA99#FF6C51#FDEAE6
- Antiguan Complementary Color Scheme#BDDFD8#ECF7F7#DCBDC8#C78B95#F7EFEF
- Bare Mintimum Complementary Color Scheme#D6E3E7#F0F4F8#E6DAD6#CDAEA5#F7EFEF
- Blister Pearl Complementary Color Scheme#AAFFEE#E7FEFF#FFAABB#FD5B78#FFE6EC
- Bone-Chilling Complementary Color Scheme#E1F2F0#ECF7F7#F0E2E4#DDADAF#F6EEED
- Break the Ice Complementary Color Scheme#B2E1EE#EEF7FA#F1BFB1#E08771#FAEFE9
- Bubbles Complementary Color Scheme#E7FEFF#E7FEFF#FFE8E5#FF9999#FFE8E5
- Calm Waters Complementary Color Scheme#E7FAFA#EBFCFC#FBE7E6#F1AAA8#F9EAEA
- Castle in the Sky Complementary Color Scheme#D1EAED#ECF7F7#ECD4D2#DBA39A#F6EEED
- Cold Canada Complementary Color Scheme#DBFFFE#E7FEFF#FFDADC#FC9293#FFE6E7
- Cold Omen Complementary Color Scheme#D6EAE8#ECF7F7#ECD5D9#D1A5A6#F7EFEF
Questions
What colors go with Ice?
In a complementary scheme: Bubbles (#E7FEFF), No Need to Blush (#FFD6DD), Strawberry Shortcake (#FA8E99), Vanilla Strawberry (#FFE6E7).
What is the hex code of Ice?
#D6FFFA.