In the Dark Complementary Color Scheme
Five colors arranged by the complementary rule around In the Dark (#3B3C41), each snapped to its nearest named color.
#3B3C41
#515B87
#4B492D
#1B1811
#908456
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| In the Dark | #3B3C41 | 59, 60, 65 | 230°, 5%, 24% | 9, 8, 0, 75 | |
| Marlin | #515B87 | 81, 91, 135 | 229°, 25%, 42% | 40, 33, 0, 47 | |
| Tinny Tin | #4B492D | 75, 73, 45 | 56°, 25%, 24% | 0, 3, 40, 71 | |
| Nightshade Berries | #1B1811 | 27, 24, 17 | 42°, 23%, 9% | 0, 11, 37, 89 | |
| Mountain Olive | #908456 | 144, 132, 86 | 48°, 25%, 45% | 0, 8, 40, 44 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1B1811 on #908456 | 4.74:1 | AA |
| Aa #3B3C41 on #908456 | 2.94:1 | — |
| Aa #515B87 on #1B1811 | 2.70:1 | — |
| Aa #4B492D on #908456 | 2.45:1 | — |
| Aa #4B492D on #1B1811 | 1.93:1 | — |
| Aa #515B87 on #908456 | 1.76:1 | — |
CSS variables
:root {
--color-1: #3b3c41; /* In the Dark */
--color-2: #515b87; /* Marlin */
--color-3: #4b492d; /* Tinny Tin */
--color-4: #1b1811; /* Nightshade Berries */
--color-5: #908456; /* Mountain Olive */
}Other schemes from In the Dark
- 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 Split-complementary Color Scheme#3B3C41#4D3730#454D32#14151D#7C5F4A
- 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 complementary palettes
- After Dark Complementary Color Scheme#3C3535#814D50#2A4845#0F1519#558484
- After Midnight Complementary Color Scheme#38393F#545883#48452B#1B1811#898253
- All Nighter Complementary Color Scheme#455454#599C99#613936#351E1C#9D6663
- Ancient Pine Complementary Color Scheme#444B43#5B984F#533958#2C1620#875F9A
- Armadillo Complementary Color Scheme#484A46#769358#4B365F#201B20#7B5D92
- Arsenic Complementary Color Scheme#3B444B#57748D#544333#251B19#957258
- Artist’s Charcoal Complementary Color Scheme#37393E#4C5E87#48412B#16160E#8B7753
- Bark Complementary Color Scheme#5F5854#A17F67#46616E#243640#7195A6
- Black Forest Complementary Color Scheme#5E6354#90A96E#564375#2F2A41#8A6FA9
- Black Magic Complementary Color Scheme#4F4554#845998#47613C#2F2E1F#779966
- Black Olive Complementary Color Scheme#3B3C36#77824A#2E2848#0B0F1A#5A4E88
- Black Orchid Complementary Color Scheme#525463#6C71A6#6E6A44#423D27#ADA274
Questions
What colors go with In the Dark?
In a complementary scheme: Marlin (#515B87), Tinny Tin (#4B492D), Nightshade Berries (#1B1811), Mountain Olive (#908456).
What is the hex code of In the Dark?
#3B3C41.