Olivia Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Olivia (#996622), each snapped to its nearest named color.
#996622
#259797
#312297
#573F16
#22C1D5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Olivia | #996622 | 153, 102, 34 | 34°, 64%, 37% | 0, 33, 78, 40 | |
| Java | #259797 | 37, 151, 151 | 180°, 61%, 37% | 75, 0, 0, 41 | |
| Gentian Blue | #312297 | 49, 34, 151 | 248°, 63%, 36% | 68, 77, 0, 41 | |
| Smoked Oak Brown | #573F16 | 87, 63, 22 | 38°, 60%, 21% | 0, 28, 75, 66 | |
| The Crowd Roars! | #22C1D5 | 34, 193, 213 | 187°, 72%, 48% | 84, 9, 0, 16 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #312297 on #22C1D5 | 5.35:1 | AA |
| Aa #573F16 on #22C1D5 | 4.54:1 | AA |
| Aa #259797 on #312297 | 3.30:1 | AA large |
| Aa #259797 on #573F16 | 2.80:1 | — |
| Aa #996622 on #312297 | 2.37:1 | — |
| Aa #996622 on #22C1D5 | 2.26:1 | — |
CSS variables
:root {
--color-1: #996622; /* Olivia */
--color-2: #259797; /* Java */
--color-3: #312297; /* Gentian Blue */
--color-4: #573f16; /* Smoked Oak Brown */
--color-5: #22c1d5; /* The Crowd Roars! */
}Other schemes from Olivia
- Olivia Complementary Color Scheme#996622#CE9844#225599#123456#5588DD
- Olivia Analogous Color Scheme#972B51#9D2B22#996622#8E9A21#5F9727
- Olivia Triadic Color Scheme#996622#229966#63209B#D99F4D#0A5F38
- Olivia Tetradic Color Scheme#996622#229922#225599#942193#D99F4D
- Olivia Monochromatic Color Scheme#1C1208#573F16#996622#D19033#E1B270
More Dark Orange split-complementary palettes
- Afternoon Coffee Split-complementary Color Scheme#6E544B#477266#445172#43302E#67A195
- Aged Antics Split-complementary Color Scheme#886B2E#327A88#2E2D88#4E3E1F#41A0B4
- Ancient Chest Split-complementary Color Scheme#99522B#2B9890#2D3796#5D341A#55CCBB
- Antique Brass Split-complementary Color Scheme#6C461F#1C6B69#281367#361D0A#27A0A8
- Autumn Gold Split-complementary Color Scheme#7D623C#3C797D#413C7B#463623#55AAAA
- Avocado Stone Split-complementary Color Scheme#4E3E1F#1E454D#231C4D#1C1208#327A88
- Baby Bear Split-complementary Color Scheme#6F5944#456F6E#42426F#413628#65A19F
- Batch Brew Split-complementary Color Scheme#45392F#2A4845#2C2E47#171310#487678
- Bigfoot Split-complementary Color Scheme#715145#477266#445172#43302E#67A195
- Bison Split-complementary Color Scheme#6E4F3A#366D68#3B3B6D#3E2B23#53A391
- Black Power Split-complementary Color Scheme#654B37#3A6364#383867#35281E#4F938F
- Bloodhound Split-complementary Color Scheme#BB5511#13BBAF#0022BB#773311#25E2CD
Questions
What colors go with Olivia?
In a split-complementary scheme: Java (#259797), Gentian Blue (#312297), Smoked Oak Brown (#573F16), The Crowd Roars! (#22C1D5).
What is the hex code of Olivia?
#996622.