Copacabana Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Copacabana (#006C8D), each snapped to its nearest named color.
#006C8D
#880022
#886600
#003344
#D7003A
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Copacabana | #006C8D | 0, 108, 141 | 194°, 100%, 28% | 100, 23, 0, 45 | 49.6% 0.097 228 | |
| Red Mulled Wine | #880022 | 136, 0, 34 | 345°, 100%, 27% | 0, 100, 75, 47 | 39.7% 0.159 19 | |
| Alligator | #886600 | 136, 102, 0 | 45°, 100%, 27% | 0, 25, 100, 47 | 53.0% 0.109 86 | |
| Nordic Noir | #003344 | 0, 51, 68 | 195°, 100%, 13% | 100, 25, 0, 73 | 29.9% 0.058 227 | |
| Kurenai Red | #D7003A | 215, 0, 58 | 344°, 100%, 42% | 0, 100, 73, 16 | 55.7% 0.223 19 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #003344 on #D7003A | 2.54:1 | — |
| Aa #886600 on #003344 | 2.54:1 | — |
| Aa #006C8D on #003344 | 2.27:1 | — |
| Aa #880022 on #D7003A | 1.91:1 | — |
| Aa #880022 on #886600 | 1.91:1 | — |
| Aa #006C8D on #880022 | 1.71:1 | — |
CSS variables
:root {
--color-1: #006c8d; /* Copacabana */
--color-2: #880022; /* Red Mulled Wine */
--color-3: #886600; /* Alligator */
--color-4: #003344; /* Nordic Noir */
--color-5: #d7003a; /* Kurenai Red */
}Other schemes from Copacabana
- Copacabana Complementary Color Scheme#006C8D#00B7EB#882200#441100#F83800
- Copacabana Analogous Color Scheme#008822#008C69#006C8D#01248F#220088
- Copacabana Triadic Color Scheme#006C8D#880066#728F02#00BBEE#4C022F
- Copacabana Tetradic Color Scheme#006C8D#660088#882200#228800#00BBEE
- Copacabana Monochromatic Color Scheme#0E191C#003344#006C8D#00A9DA#37C4FA
More dark teal split-complementary color schemes
- 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 Copacabana?
In a split-complementary scheme: Red Mulled Wine (#880022), Alligator (#886600), Nordic Noir (#003344), Kurenai Red (#D7003A).
What is the hex code of Copacabana?
#006C8D.