Vienna Roast Complementary Color Scheme
Five colors arranged by the complementary rule around Vienna Roast (#330022), each snapped to its nearest named color.
#330022
#8C055E
#003311
#031602
#009933
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vienna Roast | #330022 | 51, 0, 34 | 320°, 100%, 10% | 0, 100, 33, 80 | |
| Cardinal Pink | #8C055E | 140, 5, 94 | 320°, 93%, 28% | 0, 96, 33, 45 | |
| Haunted Hills | #003311 | 0, 51, 17 | 140°, 100%, 10% | 100, 0, 67, 80 | |
| Oil Slick | #031602 | 3, 22, 2 | 117°, 83%, 5% | 86, 0, 91, 91 | |
| Peppermint Toad | #009933 | 0, 153, 51 | 140°, 100%, 30% | 100, 0, 67, 40 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #031602 on #009933 | 5.01:1 | AA |
| Aa #330022 on #009933 | 4.82:1 | AA |
| Aa #003311 on #009933 | 3.78:1 | AA large |
| Aa #8C055E on #009933 | 2.44:1 | — |
| Aa #8C055E on #031602 | 2.05:1 | — |
| Aa #330022 on #8C055E | 1.97:1 | — |
CSS variables
:root {
--color-1: #330022; /* Vienna Roast */
--color-2: #8c055e; /* Cardinal Pink */
--color-3: #003311; /* Haunted Hills */
--color-4: #031602; /* Oil Slick */
--color-5: #009933; /* Peppermint Toad */
}Other schemes from Vienna Roast
- Vienna Roast Analogous Color Scheme#110033#2A0033#330022#330404#331100
- Vienna Roast Triadic Color Scheme#330022#223300#002233#990066#0F180A
- Vienna Roast Split-complementary Color Scheme#330022#033500#003527#180614#118800
- Vienna Roast Tetradic Color Scheme#330022#372A05#003311#000435#990066
- Vienna Roast Monochromatic Color Scheme#180614#180614#330022#8C055E#CC0088
More Very Dark Pink complementary palettes
- Bats Cloak Complementary Color Scheme#1F1518#5A3940#12221D#0F1012#366254
- Belladonna Complementary Color Scheme#220011#730039#002211#0F180A#008543
- Black Cherry Complementary Color Scheme#2C1620#69354F#142D25#0F1012#3E6F58
- Black Sabbath Complementary Color Scheme#220022#660077#002200#031602#008800
- Black-Hearted Complementary Color Scheme#3E1825#80304C#1A3F2C#0F1012#35836A
- Blackberry Complementary Color Scheme#43182F#90305D#17462E#0F180A#348A5D
- Chocolate Kiss Complementary Color Scheme#3C1421#80304C#1A3F2C#0F1519#35836A
- Cloak and Dagger Complementary Color Scheme#550055#B300B3#005500#031602#00BB00
- Cosmic Explorer Complementary Color Scheme#551155#AA22AA#115511#031602#2BA727
- Creatures of the Night Complementary Color Scheme#3B193F#733380#12390D#0F180A#3D8B37
- Dark Prom Queen Complementary Color Scheme#2B0F2E#662277#112A12#0F180A#2E7D32
- Dark Purple Complementary Color Scheme#35063E#720B98#12390D#031602#229911
Questions
What colors go with Vienna Roast?
In a complementary scheme: Cardinal Pink (#8C055E), Haunted Hills (#003311), Oil Slick (#031602), Peppermint Toad (#009933).
What is the hex code of Vienna Roast?
#330022.