Cavolo Nero Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cavolo Nero (#72939E), each snapped to its nearest named color.
#72939E
#A66E7A
#A89768
#486C7A
#C19AA5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cavolo Nero | #72939E | 114, 147, 158 | 195°, 18%, 53% | 28, 7, 0, 38 | |
| Black Elder | #A66E7A | 166, 110, 122 | 347°, 24%, 54% | 0, 34, 27, 35 | |
| Eco Green | #A89768 | 168, 151, 104 | 44°, 27%, 53% | 0, 10, 38, 34 | |
| Bismarck | #486C7A | 72, 108, 122 | 197°, 26%, 38% | 41, 11, 0, 52 | |
| Artichoke Mauve | #C19AA5 | 193, 154, 165 | 343°, 24%, 68% | 0, 20, 15, 24 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #486C7A on #C19AA5 | 2.28:1 | — |
| Aa #A89768 on #486C7A | 1.97:1 | — |
| Aa #72939E on #486C7A | 1.72:1 | — |
| Aa #A66E7A on #C19AA5 | 1.64:1 | — |
| Aa #A66E7A on #A89768 | 1.42:1 | — |
| Aa #A66E7A on #486C7A | 1.39:1 | — |
CSS variables
:root {
--color-1: #72939e; /* Cavolo Nero */
--color-2: #a66e7a; /* Black Elder */
--color-3: #a89768; /* Eco Green */
--color-4: #486c7a; /* Bismarck */
--color-5: #c19aa5; /* Artichoke Mauve */
}Other schemes from Cavolo Nero
- Cavolo Nero Complementary Color Scheme#72939E#A5BEC8#AA7766#7B5847#CDB3AC
- Cavolo Nero Analogous Color Scheme#6FA77A#68A895#72939E#6B7BA7#786DAA
- Cavolo Nero Triadic Color Scheme#72939E#A46A95#98A76E#ABC3CA#7B4D6B
- Cavolo Nero Tetradic Color Scheme#72939E#9569A3#AA7766#72A86A#ABC3CA
- Cavolo Nero Monochromatic Color Scheme#334046#546B75#72939E#9EB8BB#CED9DC
More Medium Blue split-complementary palettes
- Admiral Blue Split-complementary Color Scheme#50647F#814D50#7F8353#2F3F53#A97673
- 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
Questions
What colors go with Cavolo Nero?
In a split-complementary scheme: Black Elder (#A66E7A), Eco Green (#A89768), Bismarck (#486C7A), Artichoke Mauve (#C19AA5).
What is the hex code of Cavolo Nero?
#72939E.