In the Dark Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around In the Dark (#3B3C41), each snapped to its nearest named color.
#3B3C41
#4D3730
#454D32
#14151D
#7C5F4A
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| In the Dark | #3B3C41 | 59, 60, 65 | 230°, 5%, 24% | 9, 8, 0, 75 | |
| Chicory Coffee | #4D3730 | 77, 55, 48 | 14°, 23%, 25% | 0, 29, 38, 70 | |
| Matsuba Green | #454D32 | 69, 77, 50 | 78°, 21%, 25% | 10, 0, 35, 70 | |
| Kuroi Black | #14151D | 20, 21, 29 | 233°, 18%, 10% | 31, 28, 0, 89 | |
| Rich Walnut | #7C5F4A | 124, 95, 74 | 25°, 25%, 39% | 0, 23, 40, 51 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #14151D on #7C5F4A | 3.11:1 | AA large |
| Aa #454D32 on #14151D | 2.04:1 | — |
| Aa #4D3730 on #7C5F4A | 1.89:1 | — |
| Aa #3B3C41 on #7C5F4A | 1.88:1 | — |
| Aa #3B3C41 on #14151D | 1.65:1 | — |
| Aa #4D3730 on #14151D | 1.65:1 | — |
CSS variables
:root {
--color-1: #3b3c41; /* In the Dark */
--color-2: #4d3730; /* Chicory Coffee */
--color-3: #454d32; /* Matsuba Green */
--color-4: #14151d; /* Kuroi Black */
--color-5: #7c5f4a; /* Rich Walnut */
}Other schemes from In the Dark
- In the Dark Complementary Color Scheme#3B3C41#515B87#4B492D#1B1811#908456
- In the Dark Analogous Color Scheme#304B4A#2D454A#3B3C41#3C2F4E#452E4A
- In the Dark Triadic Color Scheme#3B3C41#503136#364C2E#545F8A#1A1110
- In the Dark Tetradic Color Scheme#3B3C41#532D45#4B492D#2E4E36#545F8A
- In the Dark Monochromatic Color Scheme#0F0F0F#17171A#3B3C41#5D6367#868790
More Dark Gray split-complementary palettes
- 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 In the Dark?
In a split-complementary scheme: Chicory Coffee (#4D3730), Matsuba Green (#454D32), Kuroi Black (#14151D), Rich Walnut (#7C5F4A).
What is the hex code of In the Dark?
#3B3C41.