Do Not Disturb Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Do Not Disturb (#363B43), each snapped to its nearest named color.
#363B43
#4E312D
#4B492D
#14151D
#7B5349
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Do Not Disturb | #363B43 | 54, 59, 67 | 217°, 11%, 24% | 19, 12, 0, 74 | 35.1% 0.016 260 | |
| Espresso | #4E312D | 78, 49, 45 | 7°, 27%, 24% | 0, 37, 42, 69 | 34.7% 0.043 28 | |
| Tinny Tin | #4B492D | 75, 73, 45 | 56°, 25%, 24% | 0, 3, 40, 71 | 40.0% 0.043 105 | |
| Kuroi Black | #14151D | 20, 21, 29 | 233°, 18%, 10% | 31, 28, 0, 89 | 19.8% 0.016 279 | |
| Vandyck Brown | #7B5349 | 123, 83, 73 | 12°, 26%, 38% | 0, 33, 41, 52 | 48.3% 0.056 35 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #14151D on #7B5349 | 2.75:1 | — |
| Aa #4B492D on #14151D | 1.98:1 | — |
| Aa #4E312D on #7B5349 | 1.76:1 | — |
| Aa #363B43 on #7B5349 | 1.70:1 | — |
| Aa #363B43 on #14151D | 1.61:1 | — |
| Aa #4E312D on #14151D | 1.56:1 | — |
CSS variables
:root {
--color-1: #363b43; /* Do Not Disturb */
--color-2: #4e312d; /* Espresso */
--color-3: #4b492d; /* Tinny Tin */
--color-4: #14151d; /* Kuroi Black */
--color-5: #7b5349; /* Vandyck Brown */
}Other schemes from Do Not Disturb
- Do Not Disturb Complementary Color Scheme#363B43#516582#48412B#1B1811#8B7753
- Do Not Disturb Analogous Color Scheme#2B4B40#2D4A4C#363B43#2F2F4A#452E4A
- Do Not Disturb Triadic Color Scheme#363B43#492D35#364C2E#556B87#1A1110
- Do Not Disturb Tetradic Color Scheme#363B43#452E4A#48412B#2E4E36#556B87
- Do Not Disturb Monochromatic Color Scheme#0F1012#161718#363B43#56626E#7D8697
More dark gray split-complementary color schemes
- After Dark Split-complementary Color Scheme#3C3535#2D4436#293947#14100E#4C785C
- After Midnight Split-complementary Color Scheme#38393F#4A352B#434C28#0C121B#775C47
- All Nighter Split-complementary Color Scheme#455454#60394D#604938#193232#8F5973
- Ancient Pine Split-complementary Color Scheme#444B43#473854#59354A#1B2B1B#6A5287
- Armadillo Split-complementary Color Scheme#484A46#33365B#5A395B#21211D#4E518B
- Arsenic Split-complementary Color Scheme#3B444B#553333#515131#181B26#864C52
- Artist’s Charcoal Split-complementary Color Scheme#37393E#4A352B#434C28#0C121B#7B5349
- Bark Split-complementary Color Scheme#5F5854#456F6E#43456D#433120#67A195
- Black Forest Split-complementary Color Scheme#5E6354#445172#674876#37412A#696BA0
- Black Magic Split-complementary Color Scheme#4F4554#576238#336644#2E183B#898E58
- Black Olive Split-complementary Color Scheme#3B3C36#2B3448#382B46#16160E#475877
- Black Orchid Split-complementary Color Scheme#525463#705446#636F46#2A2B41#A17D61
Questions
What colors go with Do Not Disturb?
In a split-complementary scheme: Espresso (#4E312D), Tinny Tin (#4B492D), Kuroi Black (#14151D), Vandyck Brown (#7B5349).
What is the hex code of Do Not Disturb?
#363B43.