Admiral Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Admiral Blue (#50647F), each snapped to its nearest named color.
#50647F
#814D50
#7F8353
#2F3F53
#A97673
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Admiral Blue | #50647F | 80, 100, 127 | 214°, 23%, 41% | 37, 21, 0, 50 | |
| Tibetan Temple | #814D50 | 129, 77, 80 | 357°, 25%, 40% | 0, 40, 38, 49 | |
| Oregano | #7F8353 | 127, 131, 83 | 65°, 22%, 42% | 3, 0, 37, 49 | |
| Waterhen Back | #2F3F53 | 47, 63, 83 | 213°, 28%, 25% | 43, 24, 0, 67 | |
| Cinnamon Diamonds | #A97673 | 169, 118, 115 | 3°, 24%, 56% | 0, 30, 32, 34 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2F3F53 on #A97673 | 2.82:1 | — |
| Aa #7F8353 on #2F3F53 | 2.70:1 | — |
| Aa #814D50 on #A97673 | 1.78:1 | — |
| Aa #50647F on #2F3F53 | 1.77:1 | — |
| Aa #814D50 on #7F8353 | 1.70:1 | — |
| Aa #50647F on #A97673 | 1.59:1 | — |
CSS variables
:root {
--color-1: #50647f; /* Admiral Blue */
--color-2: #814d50; /* Tibetan Temple */
--color-3: #7f8353; /* Oregano */
--color-4: #2f3f53; /* Waterhen Back */
--color-5: #a97673; /* Cinnamon Diamonds */
}Other schemes from Admiral Blue
- Admiral Blue Complementary Color Scheme#50647F#7B8EB0#836B4F#544333#B29E81
- Admiral Blue Analogous Color Scheme#50846E#4A7D82#50647F#514B80#705284
- Admiral Blue Triadic Color Scheme#50647F#854C65#648251#819AB1#513439
- Admiral Blue Tetradic Color Scheme#50647F#834D7C#836B4F#498555#819AB1
- Admiral Blue Monochromatic Color Scheme#161820#353F51#50647F#758BA4#A4B0C4
More Medium Blue split-complementary palettes
- 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
- Bluebell Split-complementary Color Scheme#333399#996633#629A31#222266#C08950
Questions
What colors go with Admiral Blue?
In a split-complementary scheme: Tibetan Temple (#814D50), Oregano (#7F8353), Waterhen Back (#2F3F53), Cinnamon Diamonds (#A97673).
What is the hex code of Admiral Blue?
#50647F.