Orbital Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Orbital (#6D83BB), each snapped to its nearest named color.
#6D83BB
#BB7B6D
#A9BE70
#4A5C94
#D8ACA0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Orbital | #6D83BB | 109, 131, 187 | 223°, 36%, 58% | 42, 30, 0, 27 | |
| Faneuil Brick | #BB7B6D | 187, 123, 109 | 11°, 36%, 58% | 0, 34, 42, 27 | |
| Tan Green | #A9BE70 | 169, 190, 112 | 76°, 38%, 59% | 11, 0, 41, 25 | |
| Blue Dude | #4A5C94 | 74, 92, 148 | 225°, 33%, 44% | 50, 38, 0, 42 | |
| Everything’s Rosy | #D8ACA0 | 216, 172, 160 | 13°, 42%, 74% | 0, 20, 26, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4A5C94 on #D8ACA0 | 3.18:1 | AA large |
| Aa #A9BE70 on #4A5C94 | 3.17:1 | AA large |
| Aa #BB7B6D on #4A5C94 | 1.90:1 | — |
| Aa #6D83BB on #D8ACA0 | 1.84:1 | — |
| Aa #6D83BB on #A9BE70 | 1.83:1 | — |
| Aa #6D83BB on #4A5C94 | 1.73:1 | — |
CSS variables
:root {
--color-1: #6d83bb; /* Orbital */
--color-2: #bb7b6d; /* Faneuil Brick */
--color-3: #a9be70; /* Tan Green */
--color-4: #4a5c94; /* Blue Dude */
--color-5: #d8aca0; /* Everything’s Rosy */
}Other schemes from Orbital
- Orbital Complementary Color Scheme#6D83BB#ABB9D7#BBA46D#957D48#DECFB3
- Orbital Analogous Color Scheme#70BAA7#72A8BA#6D83BB#7366BD#A66FB5
- Orbital Triadic Color Scheme#6D83BB#BB7283#80BF69#AFBDD9#97495A
- Orbital Tetradic Color Scheme#6D83BB#B768A2#BBA46D#71BC78#AFBDD9
- Orbital Monochromatic Color Scheme#2C3A64#4A5C94#6D83BB#A2ADD0#D3DBEC
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 Orbital?
In a split-complementary scheme: Faneuil Brick (#BB7B6D), Tan Green (#A9BE70), Blue Dude (#4A5C94), Everything’s Rosy (#D8ACA0).
What is the hex code of Orbital?
#6D83BB.