Pearl Green Tetradic Color Scheme
Five colors arranged by the tetradic rule around Pearl Green (#377B70), each snapped to its nearest named color.
#377B70
#53357D
#7C3744
#607C3D
#62BAA8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pearl Green | #377B70 | 55, 123, 112 | 170°, 38%, 35% | 55, 0, 9, 52 | |
| Prism Violet | #53357D | 83, 53, 125 | 265°, 40%, 35% | 34, 58, 0, 51 | |
| Cordova Burgundy | #7C3744 | 124, 55, 68 | 349°, 39%, 35% | 0, 56, 45, 51 | |
| Mangrove Leaf | #607C3D | 96, 124, 61 | 87°, 34%, 36% | 23, 0, 51, 51 | |
| Bath Turquoise | #62BAA8 | 98, 186, 168 | 168°, 39%, 56% | 47, 0, 10, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #53357D on #62BAA8 | 4.19:1 | AA large |
| Aa #7C3744 on #62BAA8 | 3.66:1 | AA large |
| Aa #377B70 on #62BAA8 | 2.15:1 | — |
| Aa #607C3D on #62BAA8 | 2.05:1 | — |
| Aa #53357D on #607C3D | 2.05:1 | — |
| Aa #377B70 on #53357D | 1.95:1 | — |
CSS variables
:root {
--color-1: #377b70; /* Pearl Green */
--color-2: #53357d; /* Prism Violet */
--color-3: #7c3744; /* Cordova Burgundy */
--color-4: #607c3d; /* Mangrove Leaf */
--color-5: #62baa8; /* Bath Turquoise */
}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 Split-complementary Color Scheme#377B70#763568#7D4E38#184343#AD4D8C
- Pearl Green Monochromatic Color Scheme#0F1012#184343#377B70#49B3A5#8AC6BD
More Dark Teal tetradic palettes
- After the Storm Tetradic Color Scheme#33616A#593569#6D3C32#476A30#579DAB
- Ahoy! Blue Tetradic Color Scheme#0082A1#6611AA#A81C07#33AA00#04CDFF
- Aqua Obscura Tetradic Color Scheme#05696B#330066#67080B#376D03#09CDCD
- Arctic Nights Tetradic Color Scheme#345C61#4D3466#613936#4B6331#579AA5
- Baltic Tetradic Color Scheme#279D9F#63209B#9D2626#629A31#58CFD4
- Beau Vert Tetradic Color Scheme#0C6064#331166#640F09#376D03#19B6B5
- Bermuda Tetradic Color Scheme#1B7D8D#661188#8B2E19#44891A#22C1D5
- Billiard Tetradic Color Scheme#00AF9F#5500AA#AA0011#66AA00#11FFEE
- Bleu Ciel Tetradic Color Scheme#007BA1#6611AA#AA2704#33AA00#0FC0FC
- Blue Fjord Tetradic Color Scheme#007290#660088#991B07#228800#00CCEE
- Blue Ocean Tetradic Color Scheme#009DC4#8806CE#CC2200#33CC00#22DDFF
- Blue-Collar Tetradic Color Scheme#005F7A#49017E#7C1C05#227700#00B3E1
Questions
What colors go with Pearl Green?
In a tetradic scheme: Prism Violet (#53357D), Cordova Burgundy (#7C3744), Mangrove Leaf (#607C3D), Bath Turquoise (#62BAA8).
What is the hex code of Pearl Green?
#377B70.