Ebony Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Ebony (#313337), each snapped to its nearest named color.
#313337
#442D21
#37412A
#0B0C14
#734A45
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Ebony | #313337 | 49, 51, 55 | 220°, 6%, 20% | 11, 7, 0, 78 | 32.1% 0.008 264 | |
| Morocco Brown | #442D21 | 68, 45, 33 | 21°, 35%, 20% | 0, 34, 51, 73 | 32.1% 0.040 48 | |
| Deep Seaweed | #37412A | 55, 65, 42 | 86°, 21%, 21% | 15, 0, 35, 75 | 35.9% 0.040 127 | |
| Midnight Oil | #0B0C14 | 11, 12, 20 | 233°, 29%, 6% | 45, 40, 0, 92 | 15.7% 0.017 279 | |
| Rohwurst | #734A45 | 115, 74, 69 | 7°, 25%, 36% | 0, 36, 40, 55 | 45.4% 0.057 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0B0C14 on #734A45 | 2.59:1 | — |
| Aa #37412A on #0B0C14 | 1.81:1 | — |
| Aa #442D21 on #734A45 | 1.70:1 | — |
| Aa #313337 on #734A45 | 1.68:1 | — |
| Aa #313337 on #0B0C14 | 1.54:1 | — |
| Aa #442D21 on #0B0C14 | 1.53:1 | — |
CSS variables
:root {
--color-1: #313337; /* Ebony */
--color-2: #442d21; /* Morocco Brown */
--color-3: #37412a; /* Deep Seaweed */
--color-4: #0b0c14; /* Midnight Oil */
--color-5: #734a45; /* Rohwurst */
}Other schemes from Ebony
- Ebony Complementary Color Scheme#313337#4D587A#413628#12110E#82714D
- Ebony Analogous Color Scheme#274234#283C44#313337#2D2541#3B2741
- Ebony Triadic Color Scheme#313337#412533#37412A#4C5E87#130D0D
- Ebony Tetradic Color Scheme#313337#40243D#413628#274234#4C5E87
- Ebony Monochromatic Color Scheme#0F0F0F#0F0F0F#313337#54585E#777F86
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 Ebony?
In a split-complementary scheme: Morocco Brown (#442D21), Deep Seaweed (#37412A), Midnight Oil (#0B0C14), Rohwurst (#734A45).
What is the hex code of Ebony?
#313337.