Heron Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Heron (#6A6887), each snapped to its nearest named color.
#6A6887
#987A5B
#769358
#463F67
#B7A083
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Heron | #6A6887 | 106, 104, 135 | 244°, 13%, 47% | 21, 23, 0, 47 | |
| Beige Intuition | #987A5B | 152, 122, 91 | 30°, 25%, 48% | 0, 20, 40, 40 | |
| Piquant Green | #769358 | 118, 147, 88 | 89°, 25%, 46% | 20, 0, 40, 42 | |
| Evening Mauve | #463F67 | 70, 63, 103 | 251°, 24%, 33% | 32, 39, 0, 60 | |
| Craft Brown | #B7A083 | 183, 160, 131 | 33°, 27%, 62% | 0, 13, 28, 28 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #463F67 on #B7A083 | 3.86:1 | AA large |
| Aa #769358 on #463F67 | 2.81:1 | — |
| Aa #987A5B on #463F67 | 2.43:1 | — |
| Aa #6A6887 on #B7A083 | 2.12:1 | — |
| Aa #6A6887 on #463F67 | 1.82:1 | — |
| Aa #987A5B on #B7A083 | 1.59:1 | — |
CSS variables
:root {
--color-1: #6a6887; /* Heron */
--color-2: #987a5b; /* Beige Intuition */
--color-3: #769358; /* Piquant Green */
--color-4: #463f67; /* Evening Mauve */
--color-5: #b7a083; /* Craft Brown */
}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 Tetradic Color Scheme#6A6887#8F5973#95945C#54927E#9994C0
- Heron Monochromatic Color Scheme#24272E#4A475C#6A6887#9392AB#BDBACE
More Medium Blue split-complementary palettes
- Admiral Blue Split-complementary Color Scheme#50647F#814D50#7F8353#2F3F53#A97673
- Aster Split-complementary Color Scheme#867BA9#AF9C76#88AA77#5C5083#C7C0A7
- Azure Split-complementary Color Scheme#007FFF#FF0000#FEFF00#095BAF#FF474C
- Bay View Split-complementary Color Scheme#6A819E#A26766#9CA664#475877#BA9B97
- Beach View Split-complementary Color Scheme#4F7694#954C52#948F54#324C61#B7757C
- Bellflower Split-complementary Color Scheme#5D66AA#AD785C#88A95B#4B4775#C3A491
- Blasphemous Blue Split-complementary Color Scheme#3356AA#A94E37#8DA936#243F6C#CE7259
- Blue Split-complementary Color Scheme#0000FF#FF7F00#88FF00#0000BB#FFA64F
- Blue Burst Split-complementary Color Scheme#309CD0#D02B48#CEB736#256D8D#DC6C84
- Blue Overdose Split-complementary Color Scheme#0020EF#EE5500#8EFA00#0018A8#FA873D
- Blue Ribbon Split-complementary Color Scheme#0066FF#FF1500#E3FF00#0048BA#FC5A50
- Blue Triumph Split-complementary Color Scheme#4376AB#AB4343#A5A943#284C75#C97376
Questions
What colors go with Heron?
In a split-complementary scheme: Beige Intuition (#987A5B), Piquant Green (#769358), Evening Mauve (#463F67), Craft Brown (#B7A083).
What is the hex code of Heron?
#6A6887.