Opera Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Opera (#816575), each snapped to its nearest named color.
#816575
#558D4F
#52928D
#60394D
#82B185
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Opera | #816575 | 129, 101, 117 | 326°, 12%, 45% | 0, 22, 9, 49 | |
| Belfast | #558D4F | 85, 141, 79 | 114°, 28%, 43% | 40, 0, 44, 45 | |
| Green Agate | #52928D | 82, 146, 141 | 175°, 28%, 45% | 44, 0, 3, 43 | |
| Violet Posy | #60394D | 96, 57, 77 | 329°, 25%, 30% | 0, 41, 20, 62 | |
| Peapod | #82B185 | 130, 177, 133 | 124°, 23%, 60% | 27, 0, 25, 31 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #60394D on #82B185 | 3.92:1 | AA large |
| Aa #52928D on #60394D | 2.67:1 | — |
| Aa #558D4F on #60394D | 2.42:1 | — |
| Aa #816575 on #82B185 | 2.12:1 | — |
| Aa #816575 on #60394D | 1.85:1 | — |
| Aa #558D4F on #82B185 | 1.62:1 | — |
CSS variables
:root {
--color-1: #816575; /* Opera */
--color-2: #558d4f; /* Belfast */
--color-3: #52928d; /* Green Agate */
--color-4: #60394d; /* Violet Posy */
--color-5: #82b185; /* Peapod */
}Other schemes from Opera
- Opera Complementary Color Scheme#816575#BB8AA7#548F6F#3D604A#8EBAA6
- Opera Analogous Color Scheme#6F5390#94568C#816575#92555B#8E6E57
- Opera Triadic Color Scheme#816575#769358#53778F#BB8DA8#4A623B
- Opera Tetradic Color Scheme#816575#8D8B55#548F6F#555A90#BB8DA8
- Opera Monochromatic Color Scheme#2B2028#56414D#816575#A2919B#C7BAC0
More Medium Pink split-complementary palettes
- Akari Red Split-complementary Color Scheme#C90B42#00CC33#14A3C7#800030#2DFE54
- Amor Split-complementary Color Scheme#EE3377#2DFE54#22DDEE#C30B4E#7BE892
- Amora Purple Split-complementary Color Scheme#BB22AA#55BB33#2BB179#751973#88DD55
- Anger Split-complementary Color Scheme#DD0055#0ADD08#00C5CD#8F003A#2DFE54
- Aphroditean Fuchsia Split-complementary Color Scheme#DD14AB#54D905#11DDAA#991177#70F15E
- Awkward Purple Split-complementary Color Scheme#D208CC#66CC00#06D078#880085#87FF2A
- Barbara Split-complementary Color Scheme#FF0FF3#7FFF00#00FA92#CC11BB#AAFF55
- Bat’s Blood Soup Split-complementary Color Scheme#EE3366#2DFE54#37C4FA#C01141#7BE892
- Beet Wave Split-complementary Color Scheme#D4265D#31D652#2DB0CE#871646#64EB65
- Beetroot Purple Split-complementary Color Scheme#D33376#31D652#22C1D5#972B51#64EB65
- Benevolent Pink Split-complementary Color Scheme#DD1188#22DD00#00DDCC#9D0759#4EFD54
- Bermuda Onion Split-complementary Color Scheme#9D5A8F#6A9D5D#599C89#673B66#99BB88
Questions
What colors go with Opera?
In a split-complementary scheme: Belfast (#558D4F), Green Agate (#52928D), Violet Posy (#60394D), Peapod (#82B185).
What is the hex code of Opera?
#816575.