Twilight Tetradic Color Scheme
Five colors arranged by the tetradic rule around Twilight (#4E518B), each snapped to its nearest named color.
#4E518B
#904C6F
#8A8650
#52896B
#888CBA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Twilight | #4E518B | 78, 81, 139 | 237°, 28%, 43% | 44, 42, 0, 45 | |
| Goddess of Dawn | #904C6F | 144, 76, 111 | 329°, 31%, 43% | 0, 47, 23, 44 | |
| Snap Pea Green | #8A8650 | 138, 134, 80 | 56°, 27%, 43% | 0, 3, 42, 46 | |
| Saltwater Depth | #52896B | 82, 137, 107 | 147°, 25%, 43% | 40, 0, 22, 46 | |
| Soft Blue Lavender | #888CBA | 136, 140, 186 | 235°, 27%, 63% | 27, 25, 0, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4E518B on #888CBA | 2.26:1 | — |
| Aa #4E518B on #8A8650 | 1.95:1 | — |
| Aa #904C6F on #888CBA | 1.89:1 | — |
| Aa #4E518B on #52896B | 1.79:1 | — |
| Aa #904C6F on #8A8650 | 1.63:1 | — |
| Aa #904C6F on #52896B | 1.49:1 | — |
CSS variables
:root {
--color-1: #4e518b; /* Twilight */
--color-2: #904c6f; /* Goddess of Dawn */
--color-3: #8a8650; /* Snap Pea Green */
--color-4: #52896b; /* Saltwater Depth */
--color-5: #888cba; /* Soft Blue Lavender */
}Other schemes from Twilight
- Twilight Complementary Color Scheme#4E518B#7C83BC#8A8650#5C5638#B8BA87
- Twilight Analogous Color Scheme#538B89#4E7287#4E518B#6A5287#8B4F90
- Twilight Triadic Color Scheme#4E518B#8E5151#558D4F#888CBA#5A3532
- Twilight Split-complementary Color Scheme#4E518B#8B6A4F#728A51#33365B#B49073
- Twilight Monochromatic Color Scheme#17182B#33365B#4E518B#757CAF#A3A7CC
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 Twilight?
In a tetradic scheme: Goddess of Dawn (#904C6F), Snap Pea Green (#8A8650), Saltwater Depth (#52896B), Soft Blue Lavender (#888CBA).
What is the hex code of Twilight?
#4E518B.