Prismarine Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Prismarine (#117777), each snapped to its nearest named color.
#117777
#78184A
#774411
#043132
#BB1166
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Prismarine | #117777 | 17, 119, 119 | 180°, 75%, 27% | 86, 0, 0, 53 | |
| Pansy Purple | #78184A | 120, 24, 74 | 329°, 67%, 28% | 0, 80, 38, 53 | |
| Ancient Planks | #774411 | 119, 68, 17 | 30°, 75%, 27% | 0, 43, 86, 53 | |
| Roof Tile Green | #043132 | 4, 49, 50 | 181°, 85%, 11% | 92, 2, 0, 80 | |
| Spiced Purple | #BB1166 | 187, 17, 102 | 330°, 83%, 40% | 0, 91, 45, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #117777 on #043132 | 2.64:1 | — |
| Aa #043132 on #BB1166 | 2.27:1 | — |
| Aa #117777 on #78184A | 1.94:1 | — |
| Aa #774411 on #043132 | 1.76:1 | — |
| Aa #78184A on #BB1166 | 1.67:1 | — |
| Aa #117777 on #774411 | 1.50:1 | — |
CSS variables
:root {
--color-1: #117777; /* Prismarine */
--color-2: #78184a; /* Pansy Purple */
--color-3: #774411; /* Ancient Planks */
--color-4: #043132; /* Roof Tile Green */
--color-5: #bb1166; /* Spiced Purple */
}Other schemes from Prismarine
- Prismarine Complementary Color Scheme#117777#1FCECB#771111#330404#CE1B1F
- Prismarine Analogous Color Scheme#007711#127A49#117777#114477#191970
- Prismarine Triadic Color Scheme#117777#751973#777711#1FCECB#380835
- Prismarine Tetradic Color Scheme#117777#540D6E#771111#4D6D08#1FCECB
- Prismarine Monochromatic Color Scheme#0E191C#043132#117777#19B6B5#22EEFF
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 Prismarine?
In a split-complementary scheme: Pansy Purple (#78184A), Ancient Planks (#774411), Roof Tile Green (#043132), Spiced Purple (#BB1166).
What is the hex code of Prismarine?
#117777.