Heron Tetradic Color Scheme
Five colors arranged by the tetradic rule around Heron (#6A6887), each snapped to its nearest named color.
#6A6887
#8F5973
#95945C
#54927E
#9994C0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Heron | #6A6887 | 106, 104, 135 | 244°, 13%, 47% | 21, 23, 0, 47 | |
| Blackberry Tint | #8F5973 | 143, 89, 115 | 331°, 23%, 45% | 0, 38, 20, 44 | |
| Tansy Green | #95945C | 149, 148, 92 | 59°, 24%, 47% | 0, 1, 38, 42 | |
| Puerto Princesa | #54927E | 84, 146, 126 | 161°, 27%, 45% | 42, 0, 14, 43 | |
| Lavender Bonnet | #9994C0 | 153, 148, 192 | 247°, 26%, 67% | 20, 23, 0, 25 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8F5973 on #9994C0 | 1.91:1 | — |
| Aa #6A6887 on #9994C0 | 1.86:1 | — |
| Aa #8F5973 on #95945C | 1.73:1 | — |
| Aa #6A6887 on #95945C | 1.69:1 | — |
| Aa #8F5973 on #54927E | 1.51:1 | — |
| Aa #6A6887 on #54927E | 1.47:1 | — |
CSS variables
:root {
--color-1: #6a6887; /* Heron */
--color-2: #8f5973; /* Blackberry Tint */
--color-3: #95945c; /* Tansy Green */
--color-4: #54927e; /* Puerto Princesa */
--color-5: #9994c0; /* Lavender Bonnet */
}Other schemes from Heron
- Heron Complementary Color Scheme#6A6887#9291BC#95945C#61643F#BFC298
- Heron Analogous Color Scheme#5B9099#597695#6A6887#7B5D92#9D5A8F
- Heron Triadic Color Scheme#6A6887#935A59#5C9F59#9994C0#67423B
- Heron Split-complementary Color Scheme#6A6887#987A5B#769358#463F67#B7A083
- Heron Monochromatic Color Scheme#24272E#4A475C#6A6887#9392AB#BDBACE
More Medium Blue tetradic palettes
- Admiral Blue Tetradic Color Scheme#50647F#834D7C#836B4F#498555#819AB1
- Aster Tetradic Color Scheme#867BA9#AA7982#A4AE77#7DB39E#BAB8D3
- Azure Tetradic Color Scheme#007FFF#FF00FF#FF8400#00FF00#77B5FE
- Bay View Tetradic Color Scheme#6A819E#A46A95#A68966#72A86A#A6B3C9
- Beach View Tetradic Color Scheme#4F7694#8B4F90#936B4F#538F4E#88AAC4
- Bellflower Tetradic Color Scheme#5D66AA#AC5D91#B3A156#5FA778#A3A7CC
- Blasphemous Blue Tetradic Color Scheme#3356AA#B53389#AA8833#39AD48#7391CC
- Blue Tetradic Color Scheme#0000FF#FF0080#FFFF00#04F489#6666FF
- Blue Burst Tetradic Color Scheme#309CD0#BE2BDF#CD632A#58D332#80C1E2
- Blue Overdose Tetradic Color Scheme#0020EF#EE0099#EFD100#11EE55#5566FF
- Blue Ribbon Tetradic Color Scheme#0066FF#FF08E8#FF9900#00FF11#77AAFF
- Blue Triumph Tetradic Color Scheme#4376AB#A442A0#AB7741#41A94F#84A7CE
Questions
What colors go with Heron?
In a tetradic scheme: Blackberry Tint (#8F5973), Tansy Green (#95945C), Puerto Princesa (#54927E), Lavender Bonnet (#9994C0).
What is the hex code of Heron?
#6A6887.