Frostbite Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Frostbite (#ACFFFC), each snapped to its nearest named color.
#ACFFFC
#FFAADD
#FFD2AB
#65FFFF
#FFE6F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Frostbite | #ACFFFC | 172, 255, 252 | 178°, 100%, 84% | 33, 0, 1, 0 | 94.6% 0.081 193 | |
| Fresh Gum | #FFAADD | 255, 170, 221 | 324°, 100%, 83% | 0, 33, 13, 0 | 83.6% 0.118 343 | |
| Vanilla Française | #FFD2AB | 255, 210, 171 | 28°, 100%, 84% | 0, 18, 33, 0 | 89.3% 0.072 63 | |
| Moonglade Water | #65FFFF | 101, 255, 255 | 180°, 100%, 70% | 60, 0, 0, 0 | 91.9% 0.129 195 | |
| Cherubic | #FFE6F1 | 255, 230, 241 | 334°, 100%, 95% | 0, 10, 5, 0 | 94.8% 0.031 349 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ACFFFC on #FFAADD | 1.53:1 | — |
| Aa #FFAADD on #FFE6F1 | 1.48:1 | — |
| Aa #FFAADD on #65FFFF | 1.44:1 | — |
| Aa #FFAADD on #FFD2AB | 1.25:1 | — |
| Aa #ACFFFC on #FFD2AB | 1.23:1 | — |
| Aa #FFD2AB on #FFE6F1 | 1.18:1 | — |
CSS variables
:root {
--color-1: #acfffc; /* Frostbite */
--color-2: #ffaadd; /* Fresh Gum */
--color-3: #ffd2ab; /* Vanilla Française */
--color-4: #65ffff; /* Moonglade Water */
--color-5: #ffe6f1; /* Cherubic */
}Other schemes from Frostbite
- Frostbite Complementary Color Scheme#ACFFFC#E7FEFF#FFAAAA#FF6163#FFE6E7
- Frostbite Analogous Color Scheme#AAFFAA#AFFFD5#ACFFFC#A7D7FF#AAAAFF
- Frostbite Triadic Color Scheme#ACFFFC#FFAAFF#FFFBAB#E7FEFF#FF66FF
- Frostbite Tetradic Color Scheme#ACFFFC#CCAAFF#FFAAAA#DDFFAA#E7FEFF
- Frostbite Monochromatic Color Scheme#0FFEF9#65FFFF#ACFFFC#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 Frostbite?
In a split-complementary scheme: Fresh Gum (#FFAADD), Vanilla Française (#FFD2AB), Moonglade Water (#65FFFF), Cherubic (#FFE6F1).
What is the hex code of Frostbite?
#ACFFFC.