Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Blue (#0000FF), each snapped to its nearest named color.
#0000FF
#FF7F00
#88FF00
#0000BB
#FFA64F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Blue | #0000FF | 0, 0, 255 | 240°, 100%, 50% | 100, 100, 0, 0 | |
| Orange Juice | #FF7F00 | 255, 127, 0 | 30°, 100%, 50% | 0, 50, 100, 0 | |
| Lasting Lime | #88FF00 | 136, 255, 0 | 88°, 100%, 50% | 47, 0, 100, 0 | |
| Antarctic Circle | #0000BB | 0, 0, 187 | 240°, 100%, 37% | 100, 100, 0, 27 | |
| Blazing Orange | #FFA64F | 255, 166, 79 | 30°, 100%, 65% | 0, 35, 69, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #88FF00 on #0000BB | 9.52:1 | AAA |
| Aa #0000FF on #88FF00 | 6.69:1 | AA |
| Aa #0000BB on #FFA64F | 6.30:1 | AA |
| Aa #FF7F00 on #0000BB | 4.83:1 | AA |
| Aa #0000FF on #FFA64F | 4.43:1 | AA large |
| Aa #0000FF on #FF7F00 | 3.39:1 | AA large |
CSS variables
:root {
--color-1: #0000ff; /* Blue */
--color-2: #ff7f00; /* Orange Juice */
--color-3: #88ff00; /* Lasting Lime */
--color-4: #0000bb; /* Antarctic Circle */
--color-5: #ffa64f; /* Blazing Orange */
}Other schemes from Blue
- Blue Complementary Color Scheme#0000FF#5555FF#FFFF00#A8B504#FFFF66
- Blue Analogous Color Scheme#00FFFF#007FFF#0000FF#7F00FF#FF00FF
- Blue Triadic Color Scheme#0000FF#FF0000#00FF00#6666FF#B30103
- Blue Tetradic Color Scheme#0000FF#FF0080#FFFF00#04F489#6666FF
- Blue Monochromatic Color Scheme#000066#0000BB#0000FF#4D4DFF#9999FF
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 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
- Bluebell Split-complementary Color Scheme#333399#996633#629A31#222266#C08950
Questions
What colors go with Blue?
In a split-complementary scheme: Orange Juice (#FF7F00), Lasting Lime (#88FF00), Antarctic Circle (#0000BB), Blazing Orange (#FFA64F).
What is the hex code of Blue?
#0000FF.