Out of the Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Out of the Blue (#1199EE), each snapped to its nearest named color.
#1199EE
#EE172B
#F1D512
#126DA8
#F5576C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Out of the Blue | #1199EE | 17, 153, 238 | 203°, 87%, 50% | 93, 36, 0, 7 | |
| MicroProse Red | #EE172B | 238, 23, 43 | 354°, 86%, 51% | 0, 90, 82, 7 | |
| Thick Yellow | #F1D512 | 241, 213, 18 | 52°, 89%, 51% | 0, 12, 93, 5 | |
| Bowen Blue | #126DA8 | 18, 109, 168 | 204°, 81%, 36% | 89, 35, 0, 34 | |
| Ripe Malinka | #F5576C | 245, 87, 108 | 352°, 89%, 65% | 0, 64, 56, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F1D512 on #126DA8 | 3.78:1 | AA large |
| Aa #EE172B on #F1D512 | 2.98:1 | — |
| Aa #F1D512 on #F5576C | 2.21:1 | — |
| Aa #1199EE on #F1D512 | 2.09:1 | — |
| Aa #1199EE on #126DA8 | 1.80:1 | — |
| Aa #126DA8 on #F5576C | 1.71:1 | — |
CSS variables
:root {
--color-1: #1199ee; /* Out of the Blue */
--color-2: #ee172b; /* MicroProse Red */
--color-3: #f1d512; /* Thick Yellow */
--color-4: #126da8; /* Bowen Blue */
--color-5: #f5576c; /* Ripe Malinka */
}Other schemes from Out of the Blue
- Out of the Blue Complementary Color Scheme#1199EE#74BBFB#EE6611#A0450E#F7A270
- Out of the Blue Analogous Color Scheme#1EF876#13EAC9#1199EE#0033EE#661AEE
- Out of the Blue Triadic Color Scheme#1199EE#EE1199#97EA10#73C2FB#AA1166
- Out of the Blue Tetradic Color Scheme#1199EE#CC11FF#EE6611#2FEF10#73C2FB
- Out of the Blue Monochromatic Color Scheme#143C5D#126DA8#1199EE#55BBFF#A1D5F1
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 Out of the Blue?
In a split-complementary scheme: MicroProse Red (#EE172B), Thick Yellow (#F1D512), Bowen Blue (#126DA8), Ripe Malinka (#F5576C).
What is the hex code of Out of the Blue?
#1199EE.