Mediterranea Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mediterranea (#39636A), each snapped to its nearest named color.
#39636A
#673C4C
#6C5738
#1F3636
#9F556C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mediterranea | #39636A | 57, 99, 106 | 189°, 30%, 32% | 46, 7, 0, 58 | |
| Crushed Violets | #673C4C | 103, 60, 76 | 338°, 26%, 32% | 0, 42, 26, 60 | |
| Pimento Grain Brown | #6C5738 | 108, 87, 56 | 36°, 32%, 32% | 0, 19, 48, 58 | |
| Fait Accompli | #1F3636 | 31, 54, 54 | 180°, 27%, 17% | 43, 0, 0, 79 | |
| Mulberry Mix | #9F556C | 159, 85, 108 | 341°, 30%, 48% | 0, 47, 32, 38 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1F3636 on #9F556C | 2.43:1 | — |
| Aa #39636A on #1F3636 | 1.93:1 | — |
| Aa #6C5738 on #1F3636 | 1.87:1 | — |
| Aa #673C4C on #9F556C | 1.71:1 | — |
| Aa #673C4C on #1F3636 | 1.42:1 | — |
| Aa #39636A on #673C4C | 1.36:1 | — |
CSS variables
:root {
--color-1: #39636a; /* Mediterranea */
--color-2: #673c4c; /* Crushed Violets */
--color-3: #6c5738; /* Pimento Grain Brown */
--color-4: #1f3636; /* Fait Accompli */
--color-5: #9f556c; /* Mulberry Mix */
}Other schemes from Mediterranea
- Mediterranea Complementary Color Scheme#39636A#579AA5#67423B#3C241B#AD6961
- Mediterranea Analogous Color Scheme#336644#3B695F#39636A#384B6B#453E6E
- Mediterranea Triadic Color Scheme#39636A#673B66#69673A#629DA6#391531
- Mediterranea Tetradic Color Scheme#39636A#593569#67423B#4B6E3B#629DA6
- Mediterranea Monochromatic Color Scheme#0F1012#1F3636#39636A#4E939D#81B6BC
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 Mediterranea?
In a split-complementary scheme: Crushed Violets (#673C4C), Pimento Grain Brown (#6C5738), Fait Accompli (#1F3636), Mulberry Mix (#9F556C).
What is the hex code of Mediterranea?
#39636A.