Blue Ribbon Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Blue Ribbon (#0066FF), each snapped to its nearest named color.
#0066FF
#FF1500
#E3FF00
#0048BA
#FC5A50
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Blue Ribbon | #0066FF | 0, 102, 255 | 216°, 100%, 50% | 100, 60, 0, 0 | |
| Carolina Reaper | #FF1500 | 255, 21, 0 | 5°, 100%, 50% | 0, 92, 100, 0 | |
| Lime Jelly | #E3FF00 | 227, 255, 0 | 67°, 100%, 50% | 11, 0, 100, 0 | |
| Absolute Zero | #0048BA | 0, 72, 186 | 217°, 100%, 36% | 100, 61, 0, 27 | |
| Algerian Coral | #FC5A50 | 252, 90, 80 | 3°, 97%, 65% | 0, 64, 68, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E3FF00 on #0048BA | 7.04:1 | AAA |
| Aa #0066FF on #E3FF00 | 4.27:1 | AA large |
| Aa #FF1500 on #E3FF00 | 3.47:1 | AA large |
| Aa #E3FF00 on #FC5A50 | 2.76:1 | — |
| Aa #0048BA on #FC5A50 | 2.55:1 | — |
| Aa #FF1500 on #0048BA | 2.03:1 | — |
CSS variables
:root {
--color-1: #0066ff; /* Blue Ribbon */
--color-2: #ff1500; /* Carolina Reaper */
--color-3: #e3ff00; /* Lime Jelly */
--color-4: #0048ba; /* Absolute Zero */
--color-5: #fc5a50; /* Algerian Coral */
}Other schemes from Blue Ribbon
- Blue Ribbon Complementary Color Scheme#0066FF#5599FF#FF9900#B96B00#FFC265
- Blue Ribbon Analogous Color Scheme#00FF99#00EBFF#0066FF#1600FC#9500FF
- Blue Ribbon Triadic Color Scheme#0066FF#FF0066#66FF00#77AAFF#B00149
- Blue Ribbon Tetradic Color Scheme#0066FF#FF08E8#FF9900#00FF11#77AAFF
- Blue Ribbon Monochromatic Color Scheme#002868#0048BA#0066FF#5097FC#99CCFF
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 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 Ribbon?
In a split-complementary scheme: Carolina Reaper (#FF1500), Lime Jelly (#E3FF00), Absolute Zero (#0048BA), Algerian Coral (#FC5A50).
What is the hex code of Blue Ribbon?
#0066FF.