Hyper Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Hyper Blue (#015F97), each snapped to its nearest named color.
#015F97
#960117
#9F8303
#003249
#E2041B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hyper Blue | #015F97 | 1, 95, 151 | 202°, 99%, 30% | 99, 37, 0, 41 | |
| Heidelberg Red | #960117 | 150, 1, 23 | 351°, 99%, 30% | 0, 99, 85, 41 | |
| Pestilence | #9F8303 | 159, 131, 3 | 49°, 96%, 32% | 0, 18, 98, 38 | |
| Cosmos Blue | #003249 | 0, 50, 73 | 199°, 100%, 14% | 100, 32, 0, 71 | |
| Shojo’s Blood | #E2041B | 226, 4, 27 | 354°, 97%, 45% | 0, 98, 88, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9F8303 on #003249 | 3.69:1 | AA large |
| Aa #003249 on #E2041B | 2.75:1 | — |
| Aa #960117 on #9F8303 | 2.47:1 | — |
| Aa #015F97 on #003249 | 1.99:1 | — |
| Aa #015F97 on #9F8303 | 1.85:1 | — |
| Aa #960117 on #E2041B | 1.84:1 | — |
CSS variables
:root {
--color-1: #015f97; /* Hyper Blue */
--color-2: #960117; /* Heidelberg Red */
--color-3: #9f8303; /* Pestilence */
--color-4: #003249; /* Cosmos Blue */
--color-5: #e2041b; /* Shojo’s Blood */
}Other schemes from Hyper Blue
- Hyper Blue Complementary Color Scheme#015F97#069AF3#993300#411900#FF5F00
- Hyper Blue Analogous Color Scheme#009337#039487#015F97#001199#330099
- Hyper Blue Triadic Color Scheme#015F97#960056#4F8F00#0099FF#4C022F
- Hyper Blue Tetradic Color Scheme#015F97#880099#993300#119900#0099FF
- Hyper Blue Monochromatic Color Scheme#0C121B#003249#015F97#0099EE#29ADFF
More Dark Blue split-complementary palettes
- 20000 Leagues Under the Sea Split-complementary Color Scheme#191970#704214#536B1F#090533#AA6D28
- 3AM in Shibuya Split-complementary Color Scheme#225577#7B222A#747028#172B36#BB3344
- Abyssal Split-complementary Color Scheme#404C57#5E3A39#5E5D3D#1B2632#8D5455
- Aegean Blue Split-complementary Color Scheme#1B416F#701C1C#706C11#0E1D32#A92C29
- Alone in the Dark Split-complementary Color Scheme#000066#663300#376D03#01081C#B25F03
- Assassin Split-complementary Color Scheme#2D4F83#87382F#7C8635#1B294B#BC4E40
- Astral Split-complementary Color Scheme#376F89#8B3643#887938#234251#B8516A
- Atlantic Navy Split-complementary Color Scheme#13336F#772211#6A6E09#041330#AF3519
- Atlantis Split-complementary Color Scheme#336172#703642#736330#1E323B#A44B62
- Below the Surface Split-complementary Color Scheme#0A2F7C#7C1E08#6C7A0E#041330#C93413
- Beyond the Sea Split-complementary Color Scheme#005784#840014#8F7303#02273A#D00220
- Black Market Split-complementary Color Scheme#222244#433120#37412A#0B0C14#75583D
Questions
What colors go with Hyper Blue?
In a split-complementary scheme: Heidelberg Red (#960117), Pestilence (#9F8303), Cosmos Blue (#003249), Shojo’s Blood (#E2041B).
What is the hex code of Hyper Blue?
#015F97.