Royal Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Royal Blue (#4169E1), each snapped to its nearest named color.
#4169E1
#E36940
#A7E142
#1651BD
#E79E88
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Royal Blue | #4169E1 | 65, 105, 225 | 225°, 73%, 57% | 71, 53, 0, 12 | |
| Emergency Zone | #E36940 | 227, 105, 64 | 15°, 74%, 57% | 0, 54, 72, 11 | |
| Dynamic Green | #A7E142 | 167, 225, 66 | 82°, 73%, 57% | 26, 0, 71, 12 | |
| Mourning Blue | #1651BD | 22, 81, 189 | 219°, 79%, 41% | 88, 57, 0, 26 | |
| Tonys Pink | #E79E88 | 231, 158, 136 | 14°, 66%, 72% | 0, 32, 41, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A7E142 on #1651BD | 4.58:1 | AA |
| Aa #1651BD on #E79E88 | 3.27:1 | AA large |
| Aa #4169E1 on #A7E142 | 3.11:1 | AA large |
| Aa #4169E1 on #E79E88 | 2.23:1 | — |
| Aa #E36940 on #1651BD | 2.16:1 | — |
| Aa #E36940 on #A7E142 | 2.12:1 | — |
CSS variables
:root {
--color-1: #4169e1; /* Royal Blue */
--color-2: #e36940; /* Emergency Zone */
--color-3: #a7e142; /* Dynamic Green */
--color-4: #1651bd; /* Mourning Blue */
--color-5: #e79e88; /* Tonys Pink */
}Other schemes from Royal Blue
- Royal Blue Complementary Color Scheme#4169E1#8AADF7#E6BA45#BF961F#EBD999
- Royal Blue Analogous Color Scheme#55FFAA#4CA8E0#4169E1#6140EF#AB46EC
- Royal Blue Triadic Color Scheme#4169E1#E24666#70F15E#8AADF7#B31C45
- Royal Blue Tetradic Color Scheme#4169E1#F246A7#E6BA45#4CFF7B#8AADF7
- Royal Blue Monochromatic Color Scheme#112473#1651BD#4169E1#8F99FB#C9D1EF
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 Royal Blue?
In a split-complementary scheme: Emergency Zone (#E36940), Dynamic Green (#A7E142), Mourning Blue (#1651BD), Tonys Pink (#E79E88).
What is the hex code of Royal Blue?
#4169E1.