Twilight Triadic Color Scheme
Five colors arranged by the triadic rule around Twilight (#4E518B), each snapped to its nearest named color.
#4E518B
#8E5151
#558D4F
#888CBA
#5A3532
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Twilight | #4E518B | 78, 81, 139 | 237°, 28%, 43% | 44, 42, 0, 45 | |
| Apple Butter | #8E5151 | 142, 81, 81 | 0°, 27%, 44% | 0, 43, 43, 44 | |
| Belfast | #558D4F | 85, 141, 79 | 114°, 28%, 43% | 40, 0, 44, 45 | |
| Soft Blue Lavender | #888CBA | 136, 140, 186 | 235°, 27%, 63% | 27, 25, 0, 27 | |
| Arresting Auburn | #5A3532 | 90, 53, 50 | 5°, 29%, 27% | 0, 41, 44, 65 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #888CBA on #5A3532 | 3.27:1 | AA large |
| Aa #558D4F on #5A3532 | 2.67:1 | — |
| Aa #4E518B on #888CBA | 2.26:1 | — |
| Aa #8E5151 on #888CBA | 1.89:1 | — |
| Aa #4E518B on #558D4F | 1.85:1 | — |
| Aa #8E5151 on #5A3532 | 1.73:1 | — |
CSS variables
:root {
--color-1: #4e518b; /* Twilight */
--color-2: #8e5151; /* Apple Butter */
--color-3: #558d4f; /* Belfast */
--color-4: #888cba; /* Soft Blue Lavender */
--color-5: #5a3532; /* Arresting Auburn */
}Other schemes from Twilight
- Twilight Complementary Color Scheme#4E518B#7C83BC#8A8650#5C5638#B8BA87
- Twilight Analogous Color Scheme#538B89#4E7287#4E518B#6A5287#8B4F90
- Twilight Split-complementary Color Scheme#4E518B#8B6A4F#728A51#33365B#B49073
- Twilight Tetradic Color Scheme#4E518B#904C6F#8A8650#52896B#888CBA
- Twilight Monochromatic Color Scheme#17182B#33365B#4E518B#757CAF#A3A7CC
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 Twilight?
In a triadic scheme: Apple Butter (#8E5151), Belfast (#558D4F), Soft Blue Lavender (#888CBA), Arresting Auburn (#5A3532).
What is the hex code of Twilight?
#4E518B.