Epic Blue Triadic Color Scheme
Five colors arranged by the triadic rule around Epic Blue (#0066EE), each snapped to its nearest named color.
#0066EE
#EE0066
#66EE00
#5599FF
#A10047
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Epic Blue | #0066EE | 0, 102, 238 | 214°, 100%, 47% | 100, 57, 0, 7 | |
| Bourgeois | #EE0066 | 238, 0, 102 | 334°, 100%, 47% | 0, 100, 57, 7 | |
| Sparkling Green | #66EE00 | 102, 238, 0 | 94°, 100%, 47% | 57, 0, 100, 7 | |
| Blue Chaos | #5599FF | 85, 153, 255 | 216°, 100%, 67% | 67, 40, 0, 0 | |
| Cherry Plum | #A10047 | 161, 0, 71 | 334°, 100%, 32% | 0, 100, 56, 37 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #66EE00 on #A10047 | 5.29:1 | AA |
| Aa #0066EE on #66EE00 | 3.34:1 | AA large |
| Aa #EE0066 on #66EE00 | 2.86:1 | — |
| Aa #5599FF on #A10047 | 2.83:1 | — |
| Aa #66EE00 on #5599FF | 1.87:1 | — |
| Aa #EE0066 on #A10047 | 1.85:1 | — |
CSS variables
:root {
--color-1: #0066ee; /* Epic Blue */
--color-2: #ee0066; /* Bourgeois */
--color-3: #66ee00; /* Sparkling Green */
--color-4: #5599ff; /* Blue Chaos */
--color-5: #a10047; /* Cherry Plum */
}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 Split-complementary Color Scheme#0066EE#EE1100#CCEE00#0044AA#FF4433
- Epic Blue Tetradic Color Scheme#0066EE#EE00DD#EE8800#00EE11#5599FF
- Epic Blue Monochromatic Color Scheme#002255#0044AA#0066EE#3399FF#88BBFF
More Medium Blue triadic palettes
- Admiral Blue Triadic Color Scheme#50647F#854C65#648251#819AB1#513439
- Aster Triadic Color Scheme#867BA9#B18377#76AD83#BAB8D3#885D53
- Azure Triadic Color Scheme#007FFF#FF007F#7FFF00#77B5FE#AA0055
- Bay View Triadic Color Scheme#6A819E#A16381#85A16A#A6B3C9#75495E
- Beach View Triadic Color Scheme#4F7694#914E75#749551#88AAC4#65344E
- Bellflower Triadic Color Scheme#5D66AA#A95C68#69AC58#A3A7CC#794143
- Blasphemous Blue Triadic Color Scheme#3356AA#A53756#5CAC2D#7391CC#6E2233
- Blue Triadic Color Scheme#0000FF#FF0000#00FF00#6666FF#B30103
- Blue Burst Triadic Color Scheme#309CD0#CA2C92#9ACD32#80C1E2#992266
- Blue Overdose Triadic Color Scheme#0020EF#EE0022#33EE00#5566FF#A30112
- Blue Ribbon Triadic Color Scheme#0066FF#FF0066#66FF00#77AAFF#B00149
- Blue Triumph Triadic Color Scheme#4376AB#AD4379#78AE48#84A7CE#6F2C4F
Questions
What colors go with Epic Blue?
In a triadic scheme: Bourgeois (#EE0066), Sparkling Green (#66EE00), Blue Chaos (#5599FF), Cherry Plum (#A10047).
What is the hex code of Epic Blue?
#0066EE.