Twilight Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Twilight (#4E518B), each snapped to its nearest named color.
#4E518B
#8B6A4F
#728A51
#33365B
#B49073
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Twilight | #4E518B | 78, 81, 139 | 237°, 28%, 43% | 44, 42, 0, 45 | |
| Centaur Brown | #8B6A4F | 139, 106, 79 | 27°, 28%, 43% | 0, 24, 43, 45 | |
| Bright Forest | #728A51 | 114, 138, 81 | 85°, 26%, 43% | 17, 0, 41, 46 | |
| Very Blue | #33365B | 51, 54, 91 | 236°, 28%, 28% | 44, 41, 0, 64 | |
| Poncho | #B49073 | 180, 144, 115 | 27°, 30%, 58% | 0, 20, 36, 29 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #33365B on #B49073 | 3.94:1 | AA large |
| Aa #728A51 on #33365B | 3.01:1 | AA large |
| Aa #4E518B on #B49073 | 2.50:1 | — |
| Aa #8B6A4F on #33365B | 2.35:1 | — |
| Aa #4E518B on #728A51 | 1.90:1 | — |
| Aa #8B6A4F on #B49073 | 1.68:1 | — |
CSS variables
:root {
--color-1: #4e518b; /* Twilight */
--color-2: #8b6a4f; /* Centaur Brown */
--color-3: #728a51; /* Bright Forest */
--color-4: #33365b; /* Very Blue */
--color-5: #b49073; /* Poncho */
}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 Tetradic Color Scheme#4E518B#904C6F#8A8650#52896B#888CBA
- Twilight Monochromatic Color Scheme#17182B#33365B#4E518B#757CAF#A3A7CC
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 Twilight?
In a split-complementary scheme: Centaur Brown (#8B6A4F), Bright Forest (#728A51), Very Blue (#33365B), Poncho (#B49073).
What is the hex code of Twilight?
#4E518B.