Lightsaber Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Lightsaber Blue (#15F2FD), each snapped to its nearest named color.
#15F2FD
#FF1476
#FF9613
#06B1C4
#FF69AF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lightsaber Blue | #15F2FD | 21, 242, 253 | 183°, 98%, 54% | 92, 4, 0, 1 | |
| Pink Ink | #FF1476 | 255, 20, 118 | 335°, 100%, 54% | 0, 92, 54, 0 | |
| Cheese Please | #FF9613 | 255, 150, 19 | 33°, 100%, 54% | 0, 41, 93, 0 | |
| Antigua Blue | #06B1C4 | 6, 177, 196 | 186°, 94%, 40% | 97, 10, 0, 23 | |
| Yíng Guāng Sè Pink | #FF69AF | 255, 105, 175 | 332°, 100%, 71% | 0, 59, 31, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #15F2FD on #FF1476 | 2.70:1 | — |
| Aa #15F2FD on #FF69AF | 1.92:1 | — |
| Aa #15F2FD on #06B1C4 | 1.87:1 | — |
| Aa #FF1476 on #FF9613 | 1.71:1 | — |
| Aa #15F2FD on #FF9613 | 1.57:1 | — |
| Aa #FF1476 on #06B1C4 | 1.44:1 | — |
CSS variables
:root {
--color-1: #15f2fd; /* Lightsaber Blue */
--color-2: #ff1476; /* Pink Ink */
--color-3: #ff9613; /* Cheese Please */
--color-4: #06b1c4; /* Antigua Blue */
--color-5: #ff69af; /* Yíng Guāng Sè Pink */
}Other schemes from Lightsaber Blue
- Lightsaber Blue Complementary Color Scheme#15F2FD#73FDFF#FF2211#C40700#FF8379
- Lightsaber Blue Analogous Color Scheme#11FF22#00FA92#15F2FD#1177FF#3311EE
- Lightsaber Blue Triadic Color Scheme#15F2FD#FF0FF3#EEFF11#7DF9FF#CC11BB
- Lightsaber Blue Tetradic Color Scheme#15F2FD#8811FF#FF2211#7FF217#7DF9FF
- Lightsaber Blue Monochromatic Color Scheme#007377#06B1C4#15F2FD#65FFFF#B2FCFF
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 Lightsaber Blue?
In a split-complementary scheme: Pink Ink (#FF1476), Cheese Please (#FF9613), Antigua Blue (#06B1C4), Yíng Guāng Sè Pink (#FF69AF).
What is the hex code of Lightsaber Blue?
#15F2FD.