Epic Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Epic Blue (#0066EE), each snapped to its nearest named color.
#0066EE
#EE1100
#CCEE00
#0044AA
#FF4433
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Epic Blue | #0066EE | 0, 102, 238 | 214°, 100%, 47% | 100, 57, 0, 7 | |
| Uproar Red | #EE1100 | 238, 17, 0 | 4°, 100%, 47% | 0, 93, 100, 7 | |
| Spleen Green | #CCEE00 | 204, 238, 0 | 69°, 100%, 47% | 14, 0, 100, 7 | |
| Indian Peafowl | #0044AA | 0, 68, 170 | 216°, 100%, 33% | 100, 60, 0, 33 | |
| Hotspot | #FF4433 | 255, 68, 51 | 5°, 100%, 60% | 0, 73, 80, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CCEE00 on #0044AA | 6.56:1 | AA |
| Aa #0066EE on #CCEE00 | 3.82:1 | AA large |
| Aa #EE1100 on #CCEE00 | 3.35:1 | AA large |
| Aa #CCEE00 on #FF4433 | 2.58:1 | — |
| Aa #0044AA on #FF4433 | 2.55:1 | — |
| Aa #EE1100 on #0044AA | 1.96:1 | — |
CSS variables
:root {
--color-1: #0066ee; /* Epic Blue */
--color-2: #ee1100; /* Uproar Red */
--color-3: #ccee00; /* Spleen Green */
--color-4: #0044aa; /* Indian Peafowl */
--color-5: #ff4433; /* Hotspot */
}Other schemes from Epic Blue
- Epic Blue Complementary Color Scheme#0066EE#5097FC#EE8800#A75502#FFB756
- Epic Blue Analogous Color Scheme#04F489#02D8E9#0066EE#0C06F7#8F00F1
- Epic Blue Triadic Color Scheme#0066EE#EE0066#66EE00#5599FF#A10047
- Epic Blue Tetradic Color Scheme#0066EE#EE00DD#EE8800#00EE11#5599FF
- Epic Blue Monochromatic Color Scheme#002255#0044AA#0066EE#3399FF#88BBFF
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 Overdose Split-complementary Color Scheme#0020EF#EE5500#8EFA00#0018A8#FA873D
- Blue Ribbon Split-complementary Color Scheme#0066FF#FF1500#E3FF00#0048BA#FC5A50
- Blue Triumph Split-complementary Color Scheme#4376AB#AB4343#A5A943#284C75#C97376
Questions
What colors go with Epic Blue?
In a split-complementary scheme: Uproar Red (#EE1100), Spleen Green (#CCEE00), Indian Peafowl (#0044AA), Hotspot (#FF4433).
What is the hex code of Epic Blue?
#0066EE.