Panorama Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Panorama (#327A88), each snapped to its nearest named color.
#327A88
#8E3350
#886B2E
#1E454D
#B74A70
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Panorama | #327A88 | 50, 122, 136 | 190°, 46%, 36% | 63, 10, 0, 47 | |
| That’s My Jam | #8E3350 | 142, 51, 80 | 341°, 47%, 38% | 0, 64, 44, 44 | |
| Aged Antics | #886B2E | 136, 107, 46 | 41°, 49%, 36% | 0, 21, 66, 47 | |
| Blue Hill | #1E454D | 30, 69, 77 | 190°, 44%, 21% | 61, 10, 0, 70 | |
| Lake Red | #B74A70 | 183, 74, 112 | 339°, 43%, 50% | 0, 60, 39, 28 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #327A88 on #1E454D | 2.12:1 | — |
| Aa #1E454D on #B74A70 | 2.10:1 | — |
| Aa #886B2E on #1E454D | 2.08:1 | — |
| Aa #327A88 on #8E3350 | 1.56:1 | — |
| Aa #8E3350 on #B74A70 | 1.54:1 | — |
| Aa #8E3350 on #886B2E | 1.53:1 | — |
CSS variables
:root {
--color-1: #327a88; /* Panorama */
--color-2: #8e3350; /* That’s My Jam */
--color-3: #886b2e; /* Aged Antics */
--color-4: #1e454d; /* Blue Hill */
--color-5: #b74a70; /* Lake Red */
}Other schemes from Panorama
- Panorama Complementary Color Scheme#327A88#56B3C3#884433#4E241E#C3705F
- Panorama Analogous Color Scheme#338544#35836A#327A88#335287#443388
- Panorama Triadic Color Scheme#327A88#883377#7C8635#5DB1C5#531745
- Panorama Tetradic Color Scheme#327A88#64338B#884433#448833#5DB1C5
- Panorama Monochromatic Color Scheme#0F1519#1E454D#327A88#55AABB#83C5CD
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 Panorama?
In a split-complementary scheme: That’s My Jam (#8E3350), Aged Antics (#886B2E), Blue Hill (#1E454D), Lake Red (#B74A70).
What is the hex code of Panorama?
#327A88.