Green Sleeves Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Green Sleeves (#39766C), each snapped to its nearest named color.
#39766C
#763568
#774E37
#234537
#AD548F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Green Sleeves | #39766C | 57, 118, 108 | 170°, 35%, 34% | 52, 0, 8, 54 | |
| Ayame Iris | #763568 | 118, 53, 104 | 313°, 38%, 34% | 0, 55, 12, 54 | |
| Walnut Wood | #774E37 | 119, 78, 55 | 22°, 37%, 34% | 0, 34, 54, 53 | |
| Burnham | #234537 | 35, 69, 55 | 155°, 33%, 20% | 49, 0, 20, 73 | |
| Brilliant Carmine | #AD548F | 173, 84, 143 | 320°, 35%, 50% | 0, 51, 17, 32 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #234537 on #AD548F | 2.25:1 | — |
| Aa #39766C on #234537 | 2.01:1 | — |
| Aa #763568 on #AD548F | 1.79:1 | — |
| Aa #39766C on #763568 | 1.61:1 | — |
| Aa #774E37 on #AD548F | 1.52:1 | — |
| Aa #774E37 on #234537 | 1.48:1 | — |
CSS variables
:root {
--color-1: #39766c; /* Green Sleeves */
--color-2: #763568; /* Ayame Iris */
--color-3: #774e37; /* Walnut Wood */
--color-4: #234537; /* Burnham */
--color-5: #ad548f; /* Brilliant Carmine */
}Other schemes from Green Sleeves
- Green Sleeves Complementary Color Scheme#39766C#5EB2AA#763B42#482029#BA6671
- Green Sleeves Analogous Color Scheme#4C793C#3D7049#39766C#386171#3C4378
- Green Sleeves Triadic Color Scheme#39766C#6C3877#786E38#6AB5A4#3B2741
- Green Sleeves Tetradic Color Scheme#39766C#553A76#763B42#607535#6AB5A4
- Green Sleeves Monochromatic Color Scheme#0F1012#234537#39766C#54AF9C#89C6B7
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 Green Sleeves?
In a split-complementary scheme: Ayame Iris (#763568), Walnut Wood (#774E37), Burnham (#234537), Brilliant Carmine (#AD548F).
What is the hex code of Green Sleeves?
#39766C.