Olive Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Olive (#808010), each snapped to its nearest named color.
#808010
#134682
#441188
#373E02
#1974D2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Olive | #808010 | 128, 128, 16 | 60°, 78%, 28% | 0, 0, 88, 50 | |
| Poster Blue | #134682 | 19, 70, 130 | 212°, 74%, 29% | 85, 46, 0, 49 | |
| Grim Purple | #441188 | 68, 17, 136 | 266°, 78%, 30% | 50, 88, 0, 47 | |
| Dark Olive | #373E02 | 55, 62, 2 | 67°, 94%, 13% | 11, 0, 97, 76 | |
| Bright Navy Blue | #1974D2 | 25, 116, 210 | 210°, 79%, 46% | 88, 45, 0, 18 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #808010 on #441188 | 2.98:1 | — |
| Aa #808010 on #373E02 | 2.71:1 | — |
| Aa #441188 on #1974D2 | 2.66:1 | — |
| Aa #373E02 on #1974D2 | 2.41:1 | — |
| Aa #808010 on #134682 | 2.25:1 | — |
| Aa #134682 on #1974D2 | 2.01:1 | — |
CSS variables
:root {
--color-1: #808010; /* Olive */
--color-2: #134682; /* Poster Blue */
--color-3: #441188; /* Grim Purple */
--color-4: #373e02; /* Dark Olive */
--color-5: #1974d2; /* Bright Navy Blue */
}Other schemes from Olive
- Olive Complementary Color Scheme#808010#D0D418#111188#100438#0011DD
- Olive Analogous Color Scheme#811412#884411#808010#448811#18880D
- Olive Triadic Color Scheme#808010#0E8787#881188#DDD618#003839
- Olive Tetradic Color Scheme#808010#168340#111188#881144#DDD618
- Olive Monochromatic Color Scheme#1F180A#373E02#808010#D0C117#EBE541
More Dark Yellow split-complementary palettes
- Alligator Split-complementary Color Scheme#886600#006585#220088#3C3005#0099D1
- Augustus Asparagus Split-complementary Color Scheme#90AA0B#0044AA#6611AA#556600#1D5DEC
- Ayahuasca Vine Split-complementary Color Scheme#665500#004466#220066#1F180A#0075B3
- Bancha Split-complementary Color Scheme#666A47#455371#5C4671#3E3D29#5B7A9C
- Bay Leaf Split-complementary Color Scheme#86793D#3E6F87#4B3C8E#524B2A#5D98B3
- Beat Around the Bush Split-complementary Color Scheme#6E6A44#435A6F#544173#3E3D29#5A839E
- BioShock Split-complementary Color Scheme#889900#033B9A#5E0092#404C02#0055EE
- Capers Split-complementary Color Scheme#897A3E#3D7188#5B3E90#584C25#5D98B3
- Captain Kirk Split-complementary Color Scheme#9B870C#0A6B92#440099#544E03#1199EE
- Chorus of Frogs Split-complementary Color Scheme#8C9632#2E5894#663399#4B5D16#507BCE
- Citrus Split-complementary Color Scheme#9FB70A#0048BA#6611AA#6A6E09#1F66FF
- Countryside Split-complementary Color Scheme#A4A404#0853A7#5500AA#565C00#0078F8
Questions
What colors go with Olive?
In a split-complementary scheme: Poster Blue (#134682), Grim Purple (#441188), Dark Olive (#373E02), Bright Navy Blue (#1974D2).
What is the hex code of Olive?
#808010.