Epic Blue Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Epic Blue (#0066EE), each snapped to its nearest named color.
#002255
#0044AA
#0066EE
#3399FF
#88BBFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Clarinet | #002255 | 0, 34, 85 | 216°, 100%, 17% | 100, 60, 0, 67 | 26.6% 0.101 259 | |
| Indian Peafowl | #0044AA | 0, 68, 170 | 216°, 100%, 33% | 100, 60, 0, 33 | 42.1% 0.174 260 | |
| Epic Blue | #0066EE | 0, 102, 238 | 214°, 100%, 47% | 100, 57, 0, 7 | 54.9% 0.220 260 | |
| Brilliant Azure | #3399FF | 51, 153, 255 | 210°, 100%, 60% | 80, 40, 0, 0 | 67.6% 0.176 252 | |
| Scenic Water | #88BBFF | 136, 187, 255 | 214°, 100%, 77% | 47, 27, 0, 0 | 78.3% 0.112 256 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #002255 on #88BBFF | 7.79:1 | AAA |
| Aa #002255 on #3399FF | 5.25:1 | AA |
| Aa #0044AA on #88BBFF | 4.40:1 | AA large |
| Aa #002255 on #0066EE | 3.04:1 | AA large |
| Aa #0044AA on #3399FF | 2.97:1 | — |
| Aa #0066EE on #88BBFF | 2.56:1 | — |
CSS variables
:root {
--color-1: #002255; /* Clarinet */
--color-2: #0044aa; /* Indian Peafowl */
--color-3: #0066ee; /* Epic Blue */
--color-4: #3399ff; /* Brilliant Azure */
--color-5: #88bbff; /* Scenic Water */
}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 Tetradic Color Scheme#0066EE#EE00DD#EE8800#00EE11#5599FF
More medium blue monochromatic color schemes
- Admiral Blue Monochromatic Color Scheme#161820#353F51#50647F#758BA4#A4B0C4
- Aster Monochromatic Color Scheme#3D3354#645681#867BA9#ADA7C8#DBD7E4
- Azure Monochromatic Color Scheme#003366#095BAF#007FFF#55AAFF#99CCFF
- Bay View Monochromatic Color Scheme#2D3544#4A5A6F#6A819E#99AABB#C7D0DA
- Beach View Monochromatic Color Scheme#1B2632#324C61#4F7694#789BB6#ACC2D1
- Bellflower Monochromatic Color Scheme#282A4A#4B4775#5D66AA#8E97C7#C2C7DB
- Blasphemous Blue Monochromatic Color Scheme#0E1D32#243F6C#3356AA#5D76CB#88ACE0
- Blue Monochromatic Color Scheme#000066#0000BB#0000FF#4D4DFF#9999FF
- Blue Burst Monochromatic Color Scheme#123D55#256D8D#309CD0#74B8DE#AED9EC
- Blue Overdose Monochromatic Color Scheme#001155#0018A8#0020EF#265EF7#8F99FB
- Blue Ribbon Monochromatic Color Scheme#002868#0048BA#0066FF#5097FC#99CCFF
- Blue Triumph Monochromatic Color Scheme#172B36#284C75#4376AB#779ECB#A8C6DE
Questions
What colors go with Epic Blue?
In a monochromatic scheme: Clarinet (#002255), Indian Peafowl (#0044AA), Brilliant Azure (#3399FF), Scenic Water (#88BBFF).
What is the hex code of Epic Blue?
#0066EE.