Hadfield Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Hadfield Blue (#1177FF), each snapped to its nearest named color.
#1177FF
#FF2211
#EEFF11
#0153C8
#FD645F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hadfield Blue | #1177FF | 17, 119, 255 | 214°, 100%, 53% | 93, 53, 0, 0 | |
| Janemba Red | #FF2211 | 255, 34, 17 | 4°, 100%, 53% | 0, 87, 93, 0 | |
| High Voltage | #EEFF11 | 238, 255, 17 | 64°, 100%, 53% | 7, 0, 93, 0 | |
| Iridescent Blue | #0153C8 | 1, 83, 200 | 215°, 99%, 39% | 100, 59, 0, 22 | |
| Pineapple Salmon | #FD645F | 253, 100, 95 | 2°, 98%, 68% | 0, 60, 62, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EEFF11 on #0153C8 | 6.17:1 | AA |
| Aa #1177FF on #EEFF11 | 3.71:1 | AA large |
| Aa #FF2211 on #EEFF11 | 3.45:1 | AA large |
| Aa #EEFF11 on #FD645F | 2.64:1 | — |
| Aa #0153C8 on #FD645F | 2.33:1 | — |
| Aa #FF2211 on #0153C8 | 1.79:1 | — |
CSS variables
:root {
--color-1: #1177ff; /* Hadfield Blue */
--color-2: #ff2211; /* Janemba Red */
--color-3: #eeff11; /* High Voltage */
--color-4: #0153c8; /* Iridescent Blue */
--color-5: #fd645f; /* Pineapple Salmon */
}Other schemes from Hadfield Blue
- Hadfield Blue Complementary Color Scheme#1177FF#77AAFF#FF9911#CA6B02#FDC675
- Hadfield Blue Analogous Color Scheme#00FF99#11EEFF#1177FF#2200FF#8811FF
- Hadfield Blue Triadic Color Scheme#1177FF#FF1177#66FF11#77B5FE#CC0055
- Hadfield Blue Tetradic Color Scheme#1177FF#FF0FF3#FF9911#11FF22#77B5FE
- Hadfield Blue Monochromatic Color Scheme#003377#0153C8#1177FF#5BA8FF#AACCFF
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 Hadfield Blue?
In a split-complementary scheme: Janemba Red (#FF2211), High Voltage (#EEFF11), Iridescent Blue (#0153C8), Pineapple Salmon (#FD645F).
What is the hex code of Hadfield Blue?
#1177FF.