Blue Overdose Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Blue Overdose (#0020EF), each snapped to its nearest named color.
#0020EF
#EE5500
#8EFA00
#0018A8
#FA873D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Blue Overdose | #0020EF | 0, 32, 239 | 232°, 100%, 47% | 100, 87, 0, 6 | |
| Cigarette Glow | #EE5500 | 238, 85, 0 | 21°, 100%, 47% | 0, 64, 100, 7 | |
| Mochito | #8EFA00 | 142, 250, 0 | 86°, 100%, 49% | 43, 0, 100, 2 | |
| Dark Galaxy | #0018A8 | 0, 24, 168 | 231°, 100%, 33% | 100, 86, 0, 34 | |
| Sunset Yellow | #FA873D | 250, 135, 61 | 23°, 95%, 61% | 0, 46, 76, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8EFA00 on #0018A8 | 9.33:1 | AAA |
| Aa #0020EF on #8EFA00 | 6.45:1 | AA |
| Aa #0018A8 on #FA873D | 5.07:1 | AA |
| Aa #0020EF on #FA873D | 3.50:1 | AA large |
| Aa #EE5500 on #0018A8 | 3.50:1 | AA large |
| Aa #EE5500 on #8EFA00 | 2.67:1 | — |
CSS variables
:root {
--color-1: #0020ef; /* Blue Overdose */
--color-2: #ee5500; /* Cigarette Glow */
--color-3: #8efa00; /* Mochito */
--color-4: #0018a8; /* Dark Galaxy */
--color-5: #fa873d; /* Sunset Yellow */
}Other schemes from Blue Overdose
- Blue Overdose Complementary Color Scheme#0020EF#4466FF#EFD100#A38E00#F7E856
- Blue Overdose Analogous Color Scheme#00E6D3#0099EE#0020EF#5500EE#CC00EE
- Blue Overdose Triadic Color Scheme#0020EF#EE0022#33EE00#5566FF#A30112
- Blue Overdose Tetradic Color Scheme#0020EF#EE0099#EFD100#11EE55#5566FF
- Blue Overdose Monochromatic Color Scheme#001155#0018A8#0020EF#265EF7#8F99FB
More Medium Blue split-complementary palettes
- Admiral Blue Split-complementary Color Scheme#50647F#814D50#7F8353#2F3F53#A97673
- Aster Split-complementary Color Scheme#867BA9#AF9C76#88AA77#5C5083#C7C0A7
- Azure Split-complementary Color Scheme#007FFF#FF0000#FEFF00#095BAF#FF474C
- Bay View Split-complementary Color Scheme#6A819E#A26766#9CA664#475877#BA9B97
- Beach View Split-complementary Color Scheme#4F7694#954C52#948F54#324C61#B7757C
- Bellflower Split-complementary Color Scheme#5D66AA#AD785C#88A95B#4B4775#C3A491
- Blasphemous Blue Split-complementary Color Scheme#3356AA#A94E37#8DA936#243F6C#CE7259
- Blue Split-complementary Color Scheme#0000FF#FF7F00#88FF00#0000BB#FFA64F
- Blue Burst Split-complementary Color Scheme#309CD0#D02B48#CEB736#256D8D#DC6C84
- Blue Ribbon Split-complementary Color Scheme#0066FF#FF1500#E3FF00#0048BA#FC5A50
- Blue Triumph Split-complementary Color Scheme#4376AB#AB4343#A5A943#284C75#C97376
- Bluebell Split-complementary Color Scheme#333399#996633#629A31#222266#C08950
Questions
What colors go with Blue Overdose?
In a split-complementary scheme: Cigarette Glow (#EE5500), Mochito (#8EFA00), Dark Galaxy (#0018A8), Sunset Yellow (#FA873D).
What is the hex code of Blue Overdose?
#0020EF.