Queen of the Night Shift Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Queen of the Night Shift (#3D4585), each snapped to its nearest named color.
#3D4585
#84563C
#698339
#272D4E
#B77D58
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Queen of the Night Shift | #3D4585 | 61, 69, 133 | 233°, 37%, 38% | 54, 48, 0, 48 | |
| Chocolate Stain | #84563C | 132, 86, 60 | 22°, 38%, 38% | 0, 35, 55, 48 | |
| Swamp Moss | #698339 | 105, 131, 57 | 81°, 39%, 37% | 20, 0, 56, 49 | |
| Wahoo | #272D4E | 39, 45, 78 | 231°, 33%, 23% | 50, 42, 0, 69 | |
| Pastry Shell | #B77D58 | 183, 125, 88 | 23°, 40%, 53% | 0, 32, 52, 28 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #272D4E on #B77D58 | 3.87:1 | AA large |
| Aa #698339 on #272D4E | 3.12:1 | AA large |
| Aa #3D4585 on #B77D58 | 2.55:1 | — |
| Aa #84563C on #272D4E | 2.15:1 | — |
| Aa #3D4585 on #698339 | 2.05:1 | — |
| Aa #84563C on #B77D58 | 1.80:1 | — |
CSS variables
:root {
--color-1: #3d4585; /* Queen of the Night Shift */
--color-2: #84563c; /* Chocolate Stain */
--color-3: #698339; /* Swamp Moss */
--color-4: #272d4e; /* Wahoo */
--color-5: #b77d58; /* Pastry Shell */
}Other schemes from Queen of the Night Shift
- Queen of the Night Shift Complementary Color Scheme#3D4585#6370B6#86793D#524B2A#BDB369
- Queen of the Night Shift Analogous Color Scheme#38887F#3E6B83#3D4585#583580#723F89
- Queen of the Night Shift Triadic Color Scheme#3D4585#853C47#418638#6677BB#4E2728
- Queen of the Night Shift Tetradic Color Scheme#3D4585#853C69#86793D#3B845E#6677BB
- Queen of the Night Shift Monochromatic Color Scheme#0B0F1A#272D4E#3D4585#5868AE#8E97C7
More Dark Blue split-complementary palettes
- 20000 Leagues Under the Sea Split-complementary Color Scheme#191970#704214#536B1F#090533#AA6D28
- 3AM in Shibuya Split-complementary Color Scheme#225577#7B222A#747028#172B36#BB3344
- Abyssal Split-complementary Color Scheme#404C57#5E3A39#5E5D3D#1B2632#8D5455
- Aegean Blue Split-complementary Color Scheme#1B416F#701C1C#706C11#0E1D32#A92C29
- Alone in the Dark Split-complementary Color Scheme#000066#663300#376D03#01081C#B25F03
- Assassin Split-complementary Color Scheme#2D4F83#87382F#7C8635#1B294B#BC4E40
- Astral Split-complementary Color Scheme#376F89#8B3643#887938#234251#B8516A
- Atlantic Navy Split-complementary Color Scheme#13336F#772211#6A6E09#041330#AF3519
- Atlantis Split-complementary Color Scheme#336172#703642#736330#1E323B#A44B62
- Below the Surface Split-complementary Color Scheme#0A2F7C#7C1E08#6C7A0E#041330#C93413
- Beyond the Sea Split-complementary Color Scheme#005784#840014#8F7303#02273A#D00220
- Black Market Split-complementary Color Scheme#222244#433120#37412A#0B0C14#75583D
Questions
What colors go with Queen of the Night Shift?
In a split-complementary scheme: Chocolate Stain (#84563C), Swamp Moss (#698339), Wahoo (#272D4E), Pastry Shell (#B77D58).
What is the hex code of Queen of the Night Shift?
#3D4585.