C64 Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around C64 Blue (#003AFF), each snapped to its nearest named color.
#003AFF
#FF4500
#BBFF00
#0022BB
#FF7F50
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| C64 Blue | #003AFF | 0, 58, 255 | 226°, 100%, 50% | 100, 77, 0, 0 | |
| Red Dit | #FF4500 | 255, 69, 0 | 16°, 100%, 50% | 0, 73, 100, 0 | |
| Nuclear Blast | #BBFF00 | 187, 255, 0 | 76°, 100%, 50% | 27, 0, 100, 0 | |
| Underwater Falling | #0022BB | 0, 34, 187 | 229°, 100%, 37% | 100, 82, 0, 27 | |
| Coral | #FF7F50 | 255, 127, 80 | 16°, 100%, 66% | 0, 50, 69, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BBFF00 on #0022BB | 8.95:1 | AAA |
| Aa #003AFF on #BBFF00 | 5.71:1 | AA |
| Aa #0022BB on #FF7F50 | 4.32:1 | AA large |
| Aa #FF4500 on #0022BB | 3.14:1 | AA large |
| Aa #FF4500 on #BBFF00 | 2.85:1 | — |
| Aa #003AFF on #FF7F50 | 2.76:1 | — |
CSS variables
:root {
--color-1: #003aff; /* C64 Blue */
--color-2: #ff4500; /* Red Dit */
--color-3: #bbff00; /* Nuclear Blast */
--color-4: #0022bb; /* Underwater Falling */
--color-5: #ff7f50; /* Coral */
}Other schemes from C64 Blue
- C64 Blue Complementary Color Scheme#003AFF#5588FF#FFC400#BB8800#FFDD66
- C64 Blue Analogous Color Scheme#00FFCC#00BBFF#003AFF#4400FF#CC00FF
- C64 Blue Triadic Color Scheme#003AFF#FF0038#3FFF00#6688FF#BB012D
- C64 Blue Tetradic Color Scheme#003AFF#FF00BB#FFC400#00FF40#6688FF
- C64 Blue Monochromatic Color Scheme#001166#0022BB#003AFF#4E7FFF#99AAFF
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 C64 Blue?
In a split-complementary scheme: Red Dit (#FF4500), Nuclear Blast (#BBFF00), Underwater Falling (#0022BB), Coral (#FF7F50).
What is the hex code of C64 Blue?
#003AFF.