Permafrost Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Permafrost (#98EFF9), each snapped to its nearest named color.
#98EFF9
#F19CBB
#F7D497
#45E9FD
#FAE2ED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Permafrost | #98EFF9 | 152, 239, 249 | 186°, 89%, 79% | 39, 4, 0, 2 | |
| Amaranth Pink | #F19CBB | 241, 156, 187 | 338°, 75%, 78% | 0, 35, 22, 5 | |
| Desert Convoy | #F7D497 | 247, 212, 151 | 38°, 86%, 78% | 0, 14, 39, 3 | |
| Shimmering Expanse Cyan | #45E9FD | 69, 233, 253 | 187°, 98%, 63% | 73, 8, 0, 1 | |
| Spun Sugar | #FAE2ED | 250, 226, 237 | 332°, 71%, 93% | 0, 10, 5, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F19CBB on #FAE2ED | 1.68:1 | — |
| Aa #98EFF9 on #F19CBB | 1.57:1 | — |
| Aa #F19CBB on #F7D497 | 1.45:1 | — |
| Aa #F19CBB on #45E9FD | 1.40:1 | — |
| Aa #45E9FD on #FAE2ED | 1.20:1 | — |
| Aa #F7D497 on #FAE2ED | 1.16:1 | — |
CSS variables
:root {
--color-1: #98eff9; /* Permafrost */
--color-2: #f19cbb; /* Amaranth Pink */
--color-3: #f7d497; /* Desert Convoy */
--color-4: #45e9fd; /* Shimmering Expanse Cyan */
--color-5: #fae2ed; /* Spun Sugar */
}Other schemes from Permafrost
- Permafrost Complementary Color Scheme#98EFF9#E7FEFF#F5A497#F96653#FDEAE6
- Permafrost Analogous Color Scheme#90FDA9#99FFDD#98EFF9#99BBFF#A899E6
- Permafrost Triadic Color Scheme#98EFF9#FF99EE#EEFF99#E7FEFF#EE55EE
- Permafrost Tetradic Color Scheme#98EFF9#D59CFC#F5A497#BBFF99#E7FEFF
- Permafrost Monochromatic Color Scheme#02D8E9#45E9FD#98EFF9#E0FEFE#E7FEFF
More Light Teal split-complementary palettes
- Aqua Fiesta Split-complementary Color Scheme#96E2E1#E899BE#E0BB96#58CFD4#F2D4E2
- Aquatic Split-complementary Color Scheme#99C1CC#CC99AA#CDBE96#66A4B0#E4CCD4
- Aquatic Edge Split-complementary Color Scheme#BFD6D1#D9BFCE#DAC5BD#89BAB2#F5F0F1
- Bambino Split-complementary Color Scheme#8EDACC#DA93C1#D8A48F#58C8B6#EFC6E1
- Bath Water Split-complementary Color Scheme#88EEEE#FF88BB#EEBB88#45E9FD#F5CEE6
- Beach Glass Split-complementary Color Scheme#96DFCE#DE9BC4#DDA896#58CEB2#EECEE6
- Bevelled Glass Split-complementary Color Scheme#7ACCB8#CD7DB5#CB8F7B#42B395#E4ADD3
- Blizzard Blue Split-complementary Color Scheme#A3E3ED#F0A3BC#EDD2A3#6CDAE7#FAE2ED
- Blue Eye Samurai Split-complementary Color Scheme#75AEBD#BB7788#BEA775#49889A#D8AAB7
- Catch the Wave Split-complementary Color Scheme#B5DCD8#DAB6CD#DAC5B6#89C1BA#F4EAF0
- Cerulean Skies Split-complementary Color Scheme#8CC6CB#C88CA4#CBB08C#52A8B2#E2C3CF
- Clear Water Split-complementary Color Scheme#AAD5DB#DDAABB#D9C7AA#73B7C2#F1E0E8
Questions
What colors go with Permafrost?
In a split-complementary scheme: Amaranth Pink (#F19CBB), Desert Convoy (#F7D497), Shimmering Expanse Cyan (#45E9FD), Spun Sugar (#FAE2ED).
What is the hex code of Permafrost?
#98EFF9.