Epic Blue Tetradic Color Scheme
Five colors arranged by the tetradic rule around Epic Blue (#0066EE), each snapped to its nearest named color.
#0066EE
#EE00DD
#EE8800
#00EE11
#5599FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Epic Blue | #0066EE | 0, 102, 238 | 214°, 100%, 47% | 100, 57, 0, 7 | |
| Vice City | #EE00DD | 238, 0, 221 | 304°, 100%, 47% | 0, 100, 7, 7 | |
| Clear Orange | #EE8800 | 238, 136, 0 | 34°, 100%, 47% | 0, 43, 100, 7 | |
| Boiling Acid | #00EE11 | 0, 238, 17 | 124°, 100%, 47% | 100, 0, 93, 7 | |
| Blue Chaos | #5599FF | 85, 153, 255 | 216°, 100%, 67% | 67, 40, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0066EE on #00EE11 | 3.20:1 | AA large |
| Aa #EE00DD on #00EE11 | 2.33:1 | — |
| Aa #0066EE on #EE8800 | 1.97:1 | — |
| Aa #00EE11 on #5599FF | 1.79:1 | — |
| Aa #0066EE on #5599FF | 1.79:1 | — |
| Aa #EE8800 on #00EE11 | 1.62:1 | — |
CSS variables
:root {
--color-1: #0066ee; /* Epic Blue */
--color-2: #ee00dd; /* Vice City */
--color-3: #ee8800; /* Clear Orange */
--color-4: #00ee11; /* Boiling Acid */
--color-5: #5599ff; /* Blue Chaos */
}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 Split-complementary Color Scheme#0066EE#EE1100#CCEE00#0044AA#FF4433
- Epic Blue Monochromatic Color Scheme#002255#0044AA#0066EE#3399FF#88BBFF
More Medium Blue tetradic palettes
- Admiral Blue Tetradic Color Scheme#50647F#834D7C#836B4F#498555#819AB1
- Aster Tetradic Color Scheme#867BA9#AA7982#A4AE77#7DB39E#BAB8D3
- Azure Tetradic Color Scheme#007FFF#FF00FF#FF8400#00FF00#77B5FE
- Bay View Tetradic Color Scheme#6A819E#A46A95#A68966#72A86A#A6B3C9
- Beach View Tetradic Color Scheme#4F7694#8B4F90#936B4F#538F4E#88AAC4
- Bellflower Tetradic Color Scheme#5D66AA#AC5D91#B3A156#5FA778#A3A7CC
- Blasphemous Blue Tetradic Color Scheme#3356AA#B53389#AA8833#39AD48#7391CC
- Blue Tetradic Color Scheme#0000FF#FF0080#FFFF00#04F489#6666FF
- Blue Burst Tetradic Color Scheme#309CD0#BE2BDF#CD632A#58D332#80C1E2
- Blue Overdose Tetradic Color Scheme#0020EF#EE0099#EFD100#11EE55#5566FF
- Blue Ribbon Tetradic Color Scheme#0066FF#FF08E8#FF9900#00FF11#77AAFF
- Blue Triumph Tetradic Color Scheme#4376AB#A442A0#AB7741#41A94F#84A7CE
Questions
What colors go with Epic Blue?
In a tetradic scheme: Vice City (#EE00DD), Clear Orange (#EE8800), Boiling Acid (#00EE11), Blue Chaos (#5599FF).
What is the hex code of Epic Blue?
#0066EE.