Neon Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Neon Blue (#04D9FF), each snapped to its nearest named color.
#04D9FF
#FF005D
#FFA601
#009BB5
#F75394
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Neon Blue | #04D9FF | 4, 217, 255 | 189°, 100%, 51% | 98, 15, 0, 0 | |
| Flaming Hot Flamingoes | #FF005D | 255, 0, 93 | 338°, 100%, 50% | 0, 100, 64, 0 | |
| Orange You Glad | #FFA601 | 255, 166, 1 | 39°, 100%, 50% | 0, 35, 100, 0 | |
| Barrier Reef | #009BB5 | 0, 155, 181 | 189°, 100%, 35% | 100, 14, 0, 29 | |
| Pansy | #F75394 | 247, 83, 148 | 336°, 91%, 65% | 0, 66, 40, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #04D9FF on #FF005D | 2.29:1 | — |
| Aa #FF005D on #FFA601 | 1.98:1 | — |
| Aa #04D9FF on #009BB5 | 1.95:1 | — |
| Aa #04D9FF on #F75394 | 1.87:1 | — |
| Aa #FFA601 on #009BB5 | 1.68:1 | — |
| Aa #FFA601 on #F75394 | 1.62:1 | — |
CSS variables
:root {
--color-1: #04d9ff; /* Neon Blue */
--color-2: #ff005d; /* Flaming Hot Flamingoes */
--color-3: #ffa601; /* Orange You Glad */
--color-4: #009bb5; /* Barrier Reef */
--color-5: #f75394; /* Pansy */
}Other schemes from Neon Blue
- Neon Blue Complementary Color Scheme#04D9FF#6DEDFD#FF2800#B21B00#FF8866
- Neon Blue Analogous Color Scheme#00FF26#05FFA6#04D9FF#0055FF#2200FF
- Neon Blue Triadic Color Scheme#04D9FF#FF01CD#DDFF00#6DEDFD#BB0099
- Neon Blue Tetradic Color Scheme#04D9FF#AA00FF#FF2800#55FF00#6DEDFD
- Neon Blue Monochromatic Color Scheme#005B6A#009BB5#04D9FF#55EEFF#99EEFF
More Medium Teal split-complementary palettes
- Aggressive Aqua Split-complementary Color Scheme#00FBFF#FF007E#FF8400#01B1AF#FE54A3
- Ambrosial Oceanside Split-complementary Color Scheme#47AE9C#AA4488#AF6649#31796D#C677A8
- Aphrodite Aqua Split-complementary Color Scheme#45E9C1#F246A7#EC7042#00CC99#F092D6
- Aqua Split-complementary Color Scheme#0FF0FE#FF1177#FF9613#06B1C4#FF55A3
- Aquamarine Split-complementary Color Scheme#2EE8BB#E936A7#E95E2A#1DB394#FF6EC7
- Aquarius Split-complementary Color Scheme#2DB0CE#CC3366#CD9C2B#1B7D8D#DA6D91
- Arctic Split-complementary Color Scheme#648589#915870#937B56#3A6364#B48395
- Arctic Water Split-complementary Color Scheme#00FCFC#FF007E#FF7E00#01B1AF#FE46A5
- Atlas Cedar Split-complementary Color Scheme#5CA0A7#AD5B78#AA895D#417074#C28BA1
- Blue Bikini Split-complementary Color Scheme#00BBEE#EE0044#EEAA00#007FA2#FF3F6A
- Blue Bobbin Split-complementary Color Scheme#52B4CA#C85179#C5A253#30949D#DC89A8
- Blue Martini Split-complementary Color Scheme#52B4D3#CF5570#CFB352#338DAE#E78EA5
Questions
What colors go with Neon Blue?
In a split-complementary scheme: Flaming Hot Flamingoes (#FF005D), Orange You Glad (#FFA601), Barrier Reef (#009BB5), Pansy (#F75394).
What is the hex code of Neon Blue?
#04D9FF.