Ivy Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Ivy (#277B74), each snapped to its nearest named color.
#277B74
#7E2553
#7C4A2C
#12403C
#BB3381
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ivy | #277B74 | 39, 123, 116 | 175°, 52%, 32% | 68, 0, 6, 52 | |
| Pico Eggplant | #7E2553 | 126, 37, 83 | 329°, 55%, 32% | 0, 71, 34, 51 | |
| Urban Auburn | #7C4A2C | 124, 74, 44 | 23°, 48%, 33% | 0, 40, 65, 51 | |
| Botanical Night | #12403C | 18, 64, 60 | 175°, 56%, 16% | 72, 0, 6, 75 | |
| Very Berry | #BB3381 | 187, 51, 129 | 326°, 57%, 47% | 0, 73, 31, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #277B74 on #12403C | 2.29:1 | — |
| Aa #12403C on #BB3381 | 2.14:1 | — |
| Aa #277B74 on #7E2553 | 1.83:1 | — |
| Aa #7E2553 on #BB3381 | 1.71:1 | — |
| Aa #7C4A2C on #12403C | 1.57:1 | — |
| Aa #277B74 on #7C4A2C | 1.45:1 | — |
CSS variables
:root {
--color-1: #277b74; /* Ivy */
--color-2: #7e2553; /* Pico Eggplant */
--color-3: #7c4a2c; /* Urban Auburn */
--color-4: #12403c; /* Botanical Night */
--color-5: #bb3381; /* Very Berry */
}Other schemes from Ivy
- Ivy Complementary Color Scheme#277B74#2DC5BB#7D252C#441111#C6494C
- Ivy Analogous Color Scheme#2E7D32#2E7B52#277B74#275779#23297A
- Ivy Triadic Color Scheme#277B74#772277#7A7229#48C2B0#331144
- Ivy Tetradic Color Scheme#277B74#462C77#7D252C#507D2A#48C2B0
- Ivy Monochromatic Color Scheme#0F1519#12403C#277B74#37B8AF#6FD1C9
More Dark Teal split-complementary palettes
- After the Storm Split-complementary Color Scheme#33616A#6D3445#6A5536#1C3339#9F4D65
- Ahoy! Blue Split-complementary Color Scheme#0082A1#AA0033#AB7100#004455#EE0044
- Aqua Obscura Split-complementary Color Scheme#05696B#66033C#6E3A07#002222#A50B5E
- Arctic Nights Split-complementary Color Scheme#345C61#623745#665134#193232#955264
- Baltic Split-complementary Color Scheme#279D9F#9F2B68#9D652B#166461#C84186
- Beau Vert Split-complementary Color Scheme#0C6064#66033C#6E3A07#041723#AA1155
- Bermuda Split-complementary Color Scheme#1B7D8D#871646#97691E#0B474A#CC2266
- Billiard Split-complementary Color Scheme#00AF9F#AA0066#B64701#016459#FF0099
- Bleu Ciel Split-complementary Color Scheme#007BA1#AA0033#A87900#004058#F2013F
- Blue Fjord Split-complementary Color Scheme#007290#900020#886600#003344#DD0044
- Blue Ocean Split-complementary Color Scheme#009DC4#C40233#C68400#04627A#FF1155
- Blue-Collar Split-complementary Color Scheme#005F7A#770022#7A5901#002233#C40233
Questions
What colors go with Ivy?
In a split-complementary scheme: Pico Eggplant (#7E2553), Urban Auburn (#7C4A2C), Botanical Night (#12403C), Very Berry (#BB3381).
What is the hex code of Ivy?
#277B74.