Pearl Green Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pearl Green (#377B70), each snapped to its nearest named color.
#377B70
#763568
#7D4E38
#184343
#AD4D8C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pearl Green | #377B70 | 55, 123, 112 | 170°, 38%, 35% | 55, 0, 9, 52 | |
| Ayame Iris | #763568 | 118, 53, 104 | 313°, 38%, 34% | 0, 55, 12, 54 | |
| Cigar | #7D4E38 | 125, 78, 56 | 19°, 38%, 35% | 0, 38, 55, 51 | |
| Tiber | #184343 | 24, 67, 67 | 180°, 47%, 18% | 64, 0, 0, 74 | |
| Purple Orchid | #AD4D8C | 173, 77, 140 | 321°, 38%, 49% | 0, 55, 19, 32 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #377B70 on #184343 | 2.20:1 | — |
| Aa #184343 on #AD4D8C | 2.19:1 | — |
| Aa #377B70 on #763568 | 1.71:1 | — |
| Aa #763568 on #AD4D8C | 1.70:1 | — |
| Aa #7D4E38 on #184343 | 1.57:1 | — |
| Aa #377B70 on #7D4E38 | 1.40:1 | — |
CSS variables
:root {
--color-1: #377b70; /* Pearl Green */
--color-2: #763568; /* Ayame Iris */
--color-3: #7d4e38; /* Cigar */
--color-4: #184343; /* Tiber */
--color-5: #ad4d8c; /* Purple Orchid */
}Other schemes from Pearl Green
- Pearl Green Complementary Color Scheme#377B70#59BAA3#7C3744#4C1C24#BA6671
- Pearl Green Analogous Color Scheme#4C793C#387B54#377B70#35637C#35427B
- Pearl Green Triadic Color Scheme#377B70#6C3877#786E38#62BAA8#431C53
- Pearl Green Tetradic Color Scheme#377B70#53357D#7C3744#607C3D#62BAA8
- Pearl Green Monochromatic Color Scheme#0F1012#184343#377B70#49B3A5#8AC6BD
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 Pearl Green?
In a split-complementary scheme: Ayame Iris (#763568), Cigar (#7D4E38), Tiber (#184343), Purple Orchid (#AD4D8C).
What is the hex code of Pearl Green?
#377B70.