Polar Glow Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Polar Glow (#5097FC), each snapped to its nearest named color.
#5097FC
#FD5E53
#F0FF57
#0165FC
#F8A39D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Polar Glow | #5097FC | 80, 151, 252 | 215°, 97%, 65% | 68, 40, 0, 1 | |
| Sunset Orange | #FD5E53 | 253, 94, 83 | 4°, 98%, 66% | 0, 63, 67, 1 | |
| Unripe Banana | #F0FF57 | 240, 255, 87 | 65°, 100%, 67% | 6, 0, 66, 0 | |
| Bright Blue | #0165FC | 1, 101, 252 | 216°, 99%, 50% | 100, 60, 0, 1 | |
| Candlelight Peach | #F8A39D | 248, 163, 157 | 4°, 87%, 79% | 0, 34, 37, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F0FF57 on #0165FC | 4.49:1 | AA large |
| Aa #FD5E53 on #F0FF57 | 2.77:1 | — |
| Aa #5097FC on #F0FF57 | 2.67:1 | — |
| Aa #0165FC on #F8A39D | 2.51:1 | — |
| Aa #F0FF57 on #F8A39D | 1.79:1 | — |
| Aa #5097FC on #0165FC | 1.68:1 | — |
CSS variables
:root {
--color-1: #5097fc; /* Polar Glow */
--color-2: #fd5e53; /* Sunset Orange */
--color-3: #f0ff57; /* Unripe Banana */
--color-4: #0165fc; /* Bright Blue */
--color-5: #f8a39d; /* Candlelight Peach */
}Other schemes from Polar Glow
- Polar Glow Complementary Color Scheme#5097FC#AACCFF#FEB552#FF9607#FFDDB5
- Polar Glow Analogous Color Scheme#55FFAA#55EEFF#5097FC#5555FF#AA55FF
- Polar Glow Triadic Color Scheme#5097FC#F75394#9CEF43#B1D1FC#FF006A
- Polar Glow Tetradic Color Scheme#5097FC#FF55EE#FEB552#53FE5C#B1D1FC
- Polar Glow Monochromatic Color Scheme#0047AB#0165FC#5097FC#99CCFF#E8EEFE
More Light Blue split-complementary palettes
- Acapulco Dive Split-complementary Color Scheme#65A7DD#D76968#DCD867#2987C7#EBA0A7
- Adrift on the Nile Split-complementary Color Scheme#93B8E3#E29991#E5E896#518FD1#F5D1CF
- Airborne Split-complementary Color Scheme#A2C2D0#CFA2AD#D0C6A1#70A5B7#ECD5D9
- Arcane Brew Split-complementary Color Scheme#5260E1#E68750#A7E142#243BCD#E8B793
- Arctic Ice Split-complementary Color Scheme#B6BDD0#D2BBB2#CCD1B2#818DB3#F0E5E5
- Azureno Split-complementary Color Scheme#8FA0D5#D5A193#C3DB8D#5D76CB#EBCFC7
- Below Zero Split-complementary Color Scheme#87CDED#F08497#EAD988#4CA8E0#F8CAD5
- Birdie Num Num Split-complementary Color Scheme#89ACDA#DA8C87#D8DB8B#5383C3#EEC6C3
- Blank Stare Split-complementary Color Scheme#8B9CAC#B38380#B4B780#597695#CEB0B5
- Blue Bay Split-complementary Color Scheme#619AD6#D46362#D6D963#3473B7#E39E9C
- Blue Haze Split-complementary Color Scheme#BDBACE#D2C7B7#C1D0B2#9188B5#EFEDE6
- Blue Jay Split-complementary Color Scheme#5588DD#DD6655#D0D557#2266BB#E29D94
Questions
What colors go with Polar Glow?
In a split-complementary scheme: Sunset Orange (#FD5E53), Unripe Banana (#F0FF57), Bright Blue (#0165FC), Candlelight Peach (#F8A39D).
What is the hex code of Polar Glow?
#5097FC.