Beau Vert Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Beau Vert (#0C6064), each snapped to its nearest named color.
#0C6064
#66033C
#6E3A07
#041723
#AA1155
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Beau Vert | #0C6064 | 12, 96, 100 | 183°, 79%, 22% | 88, 4, 0, 61 | |
| Spanish Purple | #66033C | 102, 3, 60 | 325°, 94%, 21% | 0, 97, 41, 60 | |
| Philippine Bronze | #6E3A07 | 110, 58, 7 | 30°, 88%, 23% | 0, 47, 94, 57 | |
| Creeping Death | #041723 | 4, 23, 35 | 203°, 79%, 8% | 89, 34, 0, 86 | |
| Plum Perfect | #AA1155 | 170, 17, 85 | 333°, 82%, 37% | 0, 90, 50, 33 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #041723 on #AA1155 | 2.54:1 | — |
| Aa #0C6064 on #041723 | 2.49:1 | — |
| Aa #6E3A07 on #041723 | 1.97:1 | — |
| Aa #66033C on #AA1155 | 1.78:1 | — |
| Aa #0C6064 on #66033C | 1.75:1 | — |
| Aa #66033C on #041723 | 1.43:1 | — |
CSS variables
:root {
--color-1: #0c6064; /* Beau Vert */
--color-2: #66033c; /* Spanish Purple */
--color-3: #6e3a07; /* Philippine Bronze */
--color-4: #041723; /* Creeping Death */
--color-5: #aa1155; /* Plum Perfect */
}Other schemes from Beau Vert
- Beau Vert Complementary Color Scheme#0C6064#1CADBA#640F09#220000#BB1E1E
- Beau Vert Analogous Color Scheme#116611#15633D#0C6064#113366#120A65
- Beau Vert Triadic Color Scheme#0C6064#660066#696112#19B6B5#220011
- Beau Vert Tetradic Color Scheme#0C6064#331166#640F09#376D03#19B6B5
- Beau Vert Monochromatic Color Scheme#0E191C#041723#0C6064#16A0A6#22DDEE
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
- 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
- Celestial Split-complementary Color Scheme#007894#990033#996600#003447#E40046
Questions
What colors go with Beau Vert?
In a split-complementary scheme: Spanish Purple (#66033C), Philippine Bronze (#6E3A07), Creeping Death (#041723), Plum Perfect (#AA1155).
What is the hex code of Beau Vert?
#0C6064.