Noble Black Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Noble Black (#202124), each snapped to its nearest named color.
#202124
#251B19
#2F2E1F
#0B0C14
#5B3F34
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Noble Black | #202124 | 32, 33, 36 | 225°, 6%, 13% | 11, 8, 0, 86 | |
| Dark Orchestra | #251B19 | 37, 27, 25 | 10°, 19%, 12% | 0, 27, 32, 85 | |
| Metal Construction Green | #2F2E1F | 47, 46, 31 | 56°, 21%, 15% | 0, 2, 34, 82 | |
| Midnight Oil | #0B0C14 | 11, 12, 20 | 233°, 29%, 6% | 45, 40, 0, 92 | |
| Espresso Bar | #5B3F34 | 91, 63, 52 | 17°, 27%, 28% | 0, 31, 43, 64 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0B0C14 on #5B3F34 | 2.05:1 | — |
| Aa #251B19 on #5B3F34 | 1.77:1 | — |
| Aa #202124 on #5B3F34 | 1.69:1 | — |
| Aa #2F2E1F on #5B3F34 | 1.44:1 | — |
| Aa #2F2E1F on #0B0C14 | 1.42:1 | — |
| Aa #251B19 on #2F2E1F | 1.23:1 | — |
CSS variables
:root {
--color-1: #202124; /* Noble Black */
--color-2: #251b19; /* Dark Orchestra */
--color-3: #2f2e1f; /* Metal Construction Green */
--color-4: #0b0c14; /* Midnight Oil */
--color-5: #5b3f34; /* Espresso Bar */
}Other schemes from Noble Black
- Noble Black Complementary Color Scheme#202124#3A4866#2E211B#12110E#6D6240
- Noble Black Analogous Color Scheme#162825#1E272C#202124#17182B#201B20
- Noble Black Triadic Color Scheme#202124#23191E#1B2B1B#414969#130D0D
- Noble Black Tetradic Color Scheme#202124#2C1620#2E211B#1B2B1B#414969
- Noble Black Monochromatic Color Scheme#0F0F0F#0F0F0F#202124#43454C#666A76
More Very Dark Gray split-complementary palettes
- Anthracite Split-complementary Color Scheme#28282D#342C21#2E3222#0B0C14#61513D
- Aztec Split-complementary Color Scheme#293432#3C2233#372B25#0F1012#6C445B
- Bitter Liquorice Split-complementary Color Scheme#262926#2E183B#3B1F23#051009#4A3C62
- Carbon Fibre Split-complementary Color Scheme#2E2E2E#20392C#272F38#130D0D#3E6655
- Caviar Split-complementary Color Scheme#2B2C30#3B2820#333322#0B0C14#694D3D
- Dark Charcoal Split-complementary Color Scheme#333232#2B3F36#24313D#130D0D#416858
- Darth Vader Split-complementary Color Scheme#27252A#2F2E1F#2F2E1F#0B0C14#665A38
- Diesel Split-complementary Color Scheme#322C2B#20392C#272A3B#130D0D#416858
- Dire Wolf Split-complementary Color Scheme#282828#1B3427#1B2632#130D0D#38614C
- Graphite Black Split-complementary Color Scheme#262A2B#3B1F23#362C1D#0F1012#643B46
- Haiti Split-complementary Color Scheme#2C2A35#3C3523#2C3D28#0B0C14#665E43
- Holy Crow Split-complementary Color Scheme#332F2C#203838#21263A#130D0D#456B67
Questions
What colors go with Noble Black?
In a split-complementary scheme: Dark Orchestra (#251B19), Metal Construction Green (#2F2E1F), Midnight Oil (#0B0C14), Espresso Bar (#5B3F34).
What is the hex code of Noble Black?
#202124.