Heron Triadic Color Scheme
Five colors arranged by the triadic rule around Heron (#6A6887), each snapped to its nearest named color.
#6A6887
#935A59
#5C9F59
#9994C0
#67423B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Heron | #6A6887 | 106, 104, 135 | 244°, 13%, 47% | 21, 23, 0, 47 | |
| Gallery Red | #935A59 | 147, 90, 89 | 1°, 25%, 46% | 0, 39, 39, 42 | |
| Savage Garden | #5C9F59 | 92, 159, 89 | 117°, 28%, 49% | 42, 0, 44, 38 | |
| Lavender Bonnet | #9994C0 | 153, 148, 192 | 247°, 26%, 67% | 20, 23, 0, 25 | |
| Autumn Fall | #67423B | 103, 66, 59 | 10°, 27%, 32% | 0, 36, 43, 60 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9994C0 on #67423B | 3.04:1 | AA large |
| Aa #5C9F59 on #67423B | 2.71:1 | — |
| Aa #935A59 on #9994C0 | 1.91:1 | — |
| Aa #6A6887 on #9994C0 | 1.86:1 | — |
| Aa #935A59 on #5C9F59 | 1.70:1 | — |
| Aa #6A6887 on #5C9F59 | 1.66:1 | — |
CSS variables
:root {
--color-1: #6a6887; /* Heron */
--color-2: #935a59; /* Gallery Red */
--color-3: #5c9f59; /* Savage Garden */
--color-4: #9994c0; /* Lavender Bonnet */
--color-5: #67423b; /* Autumn Fall */
}Other schemes from Heron
- Heron Complementary Color Scheme#6A6887#9291BC#95945C#61643F#BFC298
- Heron Analogous Color Scheme#5B9099#597695#6A6887#7B5D92#9D5A8F
- Heron Split-complementary Color Scheme#6A6887#987A5B#769358#463F67#B7A083
- Heron Tetradic Color Scheme#6A6887#8F5973#95945C#54927E#9994C0
- Heron Monochromatic Color Scheme#24272E#4A475C#6A6887#9392AB#BDBACE
More Medium Blue triadic palettes
- Admiral Blue Triadic Color Scheme#50647F#854C65#648251#819AB1#513439
- Aster Triadic Color Scheme#867BA9#B18377#76AD83#BAB8D3#885D53
- Azure Triadic Color Scheme#007FFF#FF007F#7FFF00#77B5FE#AA0055
- Bay View Triadic Color Scheme#6A819E#A16381#85A16A#A6B3C9#75495E
- Beach View Triadic Color Scheme#4F7694#914E75#749551#88AAC4#65344E
- Bellflower Triadic Color Scheme#5D66AA#A95C68#69AC58#A3A7CC#794143
- Blasphemous Blue Triadic Color Scheme#3356AA#A53756#5CAC2D#7391CC#6E2233
- Blue Triadic Color Scheme#0000FF#FF0000#00FF00#6666FF#B30103
- Blue Burst Triadic Color Scheme#309CD0#CA2C92#9ACD32#80C1E2#992266
- Blue Overdose Triadic Color Scheme#0020EF#EE0022#33EE00#5566FF#A30112
- Blue Ribbon Triadic Color Scheme#0066FF#FF0066#66FF00#77AAFF#B00149
- Blue Triumph Triadic Color Scheme#4376AB#AD4379#78AE48#84A7CE#6F2C4F
Questions
What colors go with Heron?
In a triadic scheme: Gallery Red (#935A59), Savage Garden (#5C9F59), Lavender Bonnet (#9994C0), Autumn Fall (#67423B).
What is the hex code of Heron?
#6A6887.