Lights Out Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Lights Out (#3D474B), each snapped to its nearest named color.
#3D474B
#513439
#544E31
#112222
#83515B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Lights Out | #3D474B | 61, 71, 75 | 197°, 10%, 27% | 19, 5, 0, 71 | 39.0% 0.015 224 | |
| Nectar of the Gods | #513439 | 81, 52, 57 | 350°, 22%, 26% | 0, 36, 30, 68 | 36.1% 0.042 8 | |
| Thatch Green | #544E31 | 84, 78, 49 | 50°, 26%, 26% | 0, 7, 42, 67 | 42.2% 0.045 98 | |
| Black Feather | #112222 | 17, 34, 34 | 180°, 33%, 10% | 50, 0, 0, 87 | 23.7% 0.023 196 | |
| Crushed Berry | #83515B | 131, 81, 91 | 348°, 24%, 42% | 0, 38, 31, 49 | 49.4% 0.068 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #112222 on #83515B | 2.58:1 | — |
| Aa #544E31 on #112222 | 1.97:1 | — |
| Aa #513439 on #83515B | 1.73:1 | — |
| Aa #3D474B on #112222 | 1.73:1 | — |
| Aa #3D474B on #83515B | 1.50:1 | — |
| Aa #513439 on #112222 | 1.49:1 | — |
CSS variables
:root {
--color-1: #3d474b; /* Lights Out */
--color-2: #513439; /* Nectar of the Gods */
--color-3: #544e31; /* Thatch Green */
--color-4: #112222; /* Black Feather */
--color-5: #83515b; /* Crushed Berry */
}Other schemes from Lights Out
- Lights Out Complementary Color Scheme#3D474B#587C8D#563E31#251B19#936A5B
- Lights Out Analogous Color Scheme#34533D#36574E#3D474B#2F3C53#3D3354
- Lights Out Triadic Color Scheme#3D474B#59354A#4D5637#588496#2C1620
- Lights Out Tetradic Color Scheme#3D474B#4F3357#563E31#3B593A#588496
- Lights Out Monochromatic Color Scheme#0F1012#1C1E21#3D474B#5F6E77#85979A
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 Lights Out?
In a split-complementary scheme: Nectar of the Gods (#513439), Thatch Green (#544E31), Black Feather (#112222), Crushed Berry (#83515B).
What is the hex code of Lights Out?
#3D474B.