Vivid Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Vivid Blue (#152EFF), each snapped to its nearest named color.
#152EFF
#FF7013
#B6FF1A
#0011CC
#FF9C68
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vivid Blue | #152EFF | 21, 46, 255 | 234°, 100%, 54% | 92, 82, 0, 0 | |
| Arancio | #FF7013 | 255, 112, 19 | 24°, 100%, 54% | 0, 56, 93, 0 | |
| Sweet Venom | #B6FF1A | 182, 255, 26 | 79°, 100%, 55% | 29, 0, 90, 0 | |
| Vesper | #0011CC | 0, 17, 204 | 235°, 100%, 40% | 100, 92, 0, 20 | |
| Fresh Cantaloupe | #FF9C68 | 255, 156, 104 | 21°, 100%, 70% | 0, 39, 59, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B6FF1A on #0011CC | 8.87:1 | AAA |
| Aa #152EFF on #B6FF1A | 6.04:1 | AA |
| Aa #0011CC on #FF9C68 | 5.23:1 | AA |
| Aa #FF7013 on #0011CC | 3.88:1 | AA large |
| Aa #152EFF on #FF9C68 | 3.56:1 | AA large |
| Aa #152EFF on #FF7013 | 2.64:1 | — |
CSS variables
:root {
--color-1: #152eff; /* Vivid Blue */
--color-2: #ff7013; /* Arancio */
--color-3: #b6ff1a; /* Sweet Venom */
--color-4: #0011cc; /* Vesper */
--color-5: #ff9c68; /* Fresh Cantaloupe */
}Other schemes from Vivid Blue
- Vivid Blue Complementary Color Scheme#152EFF#7A81FF#FEE715#C9B003#FFF47C
- Vivid Blue Analogous Color Scheme#11FFEE#01ABFD#152EFF#601EF9#FF11FF
- Vivid Blue Triadic Color Scheme#152EFF#FF1133#33FF11#7A81FF#C90016
- Vivid Blue Tetradic Color Scheme#152EFF#FF1CAE#FEE715#1EF876#7A81FF
- Vivid Blue Monochromatic Color Scheme#001177#0011CC#152EFF#6A79F7#B8B8FF
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 Vivid Blue?
In a split-complementary scheme: Arancio (#FF7013), Sweet Venom (#B6FF1A), Vesper (#0011CC), Fresh Cantaloupe (#FF9C68).
What is the hex code of Vivid Blue?
#152EFF.