Dusk Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Dusk (#4E5481), each snapped to its nearest named color.
#4E5481
#80624E
#70804D
#343450
#AB856F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Dusk | #4E5481 | 78, 84, 129 | 233°, 25%, 41% | 40, 35, 0, 49 | |
| Tilled Earth | #80624E | 128, 98, 78 | 24°, 24%, 40% | 0, 23, 39, 50 | |
| Creamed Avocado | #70804D | 112, 128, 77 | 79°, 25%, 40% | 13, 0, 40, 50 | |
| Tiě Hēi Metal | #343450 | 52, 52, 80 | 240°, 21%, 26% | 35, 35, 0, 69 | |
| Tawny Brown | #AB856F | 171, 133, 111 | 22°, 26%, 55% | 0, 22, 35, 33 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #343450 on #AB856F | 3.60:1 | AA large |
| Aa #70804D on #343450 | 2.79:1 | — |
| Aa #4E5481 on #AB856F | 2.17:1 | — |
| Aa #80624E on #343450 | 2.15:1 | — |
| Aa #4E5481 on #70804D | 1.68:1 | — |
| Aa #80624E on #AB856F | 1.67:1 | — |
CSS variables
:root {
--color-1: #4e5481; /* Dusk */
--color-2: #80624e; /* Tilled Earth */
--color-3: #70804d; /* Creamed Avocado */
--color-4: #343450; /* Tiě Hēi Metal */
--color-5: #ab856f; /* Tawny Brown */
}Other schemes from Dusk
- Dusk Complementary Color Scheme#4E5481#7A85AF#817C4A#544E31#B4AC84
- Dusk Analogous Color Scheme#43817A#4F6D82#4E5481#604C81#764F82
- Dusk Triadic Color Scheme#4E5481#814D54#5A804F#818DB3#503136
- Dusk Tetradic Color Scheme#4E5481#80496E#817C4A#4D8064#818DB3
- Dusk Monochromatic Color Scheme#161820#343450#4E5481#777BA9#A6A8C5
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 Dusk?
In a split-complementary scheme: Tilled Earth (#80624E), Creamed Avocado (#70804D), Tiě Hēi Metal (#343450), Tawny Brown (#AB856F).
What is the hex code of Dusk?
#4E5481.