Pearl Green Complementary Color Scheme
Five colors arranged by the complementary rule around Pearl Green (#377B70), each snapped to its nearest named color.
#377B70
#59BAA3
#7C3744
#4C1C24
#BA6671
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pearl Green | #377B70 | 55, 123, 112 | 170°, 38%, 35% | 55, 0, 9, 52 | |
| Puerto Rico | #59BAA3 | 89, 186, 163 | 166°, 41%, 54% | 52, 0, 12, 27 | |
| Cordova Burgundy | #7C3744 | 124, 55, 68 | 349°, 39%, 35% | 0, 56, 45, 51 | |
| Vino Tinto | #4C1C24 | 76, 28, 36 | 350°, 46%, 20% | 0, 63, 53, 70 | |
| Slate Rose | #BA6671 | 186, 102, 113 | 352°, 38%, 56% | 0, 45, 39, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #59BAA3 on #4C1C24 | 5.99:1 | AA |
| Aa #59BAA3 on #7C3744 | 3.61:1 | AA large |
| Aa #4C1C24 on #BA6671 | 3.49:1 | AA large |
| Aa #377B70 on #4C1C24 | 2.82:1 | — |
| Aa #377B70 on #59BAA3 | 2.12:1 | — |
| Aa #7C3744 on #BA6671 | 2.10:1 | — |
CSS variables
:root {
--color-1: #377b70; /* Pearl Green */
--color-2: #59baa3; /* Puerto Rico */
--color-3: #7c3744; /* Cordova Burgundy */
--color-4: #4c1c24; /* Vino Tinto */
--color-5: #ba6671; /* Slate Rose */
}Other schemes from Pearl Green
- Pearl Green Analogous Color Scheme#4C793C#387B54#377B70#35637C#35427B
- Pearl Green Triadic Color Scheme#377B70#6C3877#786E38#62BAA8#431C53
- Pearl Green Split-complementary Color Scheme#377B70#763568#7D4E38#184343#AD4D8C
- Pearl Green Tetradic Color Scheme#377B70#53357D#7C3744#607C3D#62BAA8
- Pearl Green Monochromatic Color Scheme#0F1012#184343#377B70#49B3A5#8AC6BD
More Dark Teal complementary palettes
- After the Storm Complementary Color Scheme#33616A#4E9AA8#6D3C32#351F19#B06455
- Ahoy! Blue Complementary Color Scheme#0082A1#02CCFE#A81C07#551100#FD3C06
- Aqua Obscura Complementary Color Scheme#05696B#06B1C4#67080B#220000#CD0D0D
- Arctic Nights Complementary Color Scheme#345C61#4E939D#613936#351F19#A36159
- Baltic Complementary Color Scheme#279D9F#58CFD4#9D2626#651A14#D95854
- Beau Vert Complementary Color Scheme#0C6064#1CADBA#640F09#220000#BB1E1E
- Bermuda Complementary Color Scheme#1B7D8D#32BCD1#8B2E19#4D140B#D34E36
- Billiard Complementary Color Scheme#00AF9F#11FFEE#AA0011#65000B#FF1B2D
- Bleu Ciel Complementary Color Scheme#007BA1#0FC0FC#AA2704#551100#FF4505
- Blue Fjord Complementary Color Scheme#007290#00BBEE#991B07#441100#F83800
- Blue Ocean Complementary Color Scheme#009DC4#22DDFF#CC2200#711A00#FF5630
- Blue-Collar Complementary Color Scheme#005F7A#00A9DA#7C1C05#290E05#EC2D01
Questions
What colors go with Pearl Green?
In a complementary scheme: Puerto Rico (#59BAA3), Cordova Burgundy (#7C3744), Vino Tinto (#4C1C24), Slate Rose (#BA6671).
What is the hex code of Pearl Green?
#377B70.