Peacock Pride Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Peacock Pride (#006663), each snapped to its nearest named color.
#006663
#66023C
#663300
#0E191C
#AA0055
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Peacock Pride | #006663 | 0, 102, 99 | 178°, 100%, 20% | 100, 0, 3, 60 | |
| Tyrian Purple | #66023C | 102, 2, 60 | 325°, 96%, 20% | 0, 98, 41, 60 | |
| Beasty Brown | #663300 | 102, 51, 0 | 30°, 100%, 20% | 0, 50, 100, 60 | |
| Black Stallion | #0E191C | 14, 25, 28 | 193°, 33%, 8% | 50, 11, 0, 89 | |
| Shy Guy Red | #AA0055 | 170, 0, 85 | 330°, 100%, 33% | 0, 100, 50, 33 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #006663 on #0E191C | 2.62:1 | — |
| Aa #0E191C on #AA0055 | 2.42:1 | — |
| Aa #006663 on #66023C | 1.88:1 | — |
| Aa #663300 on #0E191C | 1.74:1 | — |
| Aa #66023C on #AA0055 | 1.73:1 | — |
| Aa #006663 on #663300 | 1.51:1 | — |
CSS variables
:root {
--color-1: #006663; /* Peacock Pride */
--color-2: #66023c; /* Tyrian Purple */
--color-3: #663300; /* Beasty Brown */
--color-4: #0e191c; /* Black Stallion */
--color-5: #aa0055; /* Shy Guy Red */
}Other schemes from Peacock Pride
- Peacock Pride Complementary Color Scheme#006663#00CCBB#660000#1D0200#CD0106
- Peacock Pride Analogous Color Scheme#006600#006633#006663#003366#000066
- Peacock Pride Triadic Color Scheme#006663#660066#666600#00CCCC#1F0B1E
- Peacock Pride Tetradic Color Scheme#006663#330066#660000#376D03#00CCCC
- Peacock Pride Monochromatic Color Scheme#0E191C#0E191C#006663#01B1AF#00FCFC
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 Peacock Pride?
In a split-complementary scheme: Tyrian Purple (#66023C), Beasty Brown (#663300), Black Stallion (#0E191C), Shy Guy Red (#AA0055).
What is the hex code of Peacock Pride?
#006663.