Noir Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Noir (#312B27), each snapped to its nearest named color.
#312B27
#213638
#222233
#130D0D
#3C6461
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Noir | #312B27 | 49, 43, 39 | 24°, 11%, 17% | 0, 12, 20, 81 | |
| Cruel Sea | #213638 | 33, 54, 56 | 185°, 26%, 17% | 41, 4, 0, 78 | |
| Black Velvet | #222233 | 34, 34, 51 | 240°, 20%, 17% | 33, 33, 0, 80 | |
| Optophobia | #130D0D | 19, 13, 13 | 0°, 19%, 6% | 0, 32, 32, 93 | |
| Moor Pond Green | #3C6461 | 60, 100, 97 | 176°, 25%, 31% | 40, 0, 3, 61 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #130D0D on #3C6461 | 2.92:1 | — |
| Aa #222233 on #3C6461 | 2.37:1 | — |
| Aa #312B27 on #3C6461 | 2.12:1 | — |
| Aa #213638 on #3C6461 | 1.93:1 | — |
| Aa #213638 on #130D0D | 1.51:1 | — |
| Aa #312B27 on #130D0D | 1.38:1 | — |
CSS variables
:root {
--color-1: #312b27; /* Noir */
--color-2: #213638; /* Cruel Sea */
--color-3: #222233; /* Black Velvet */
--color-4: #130d0d; /* Optophobia */
--color-5: #3c6461; /* Moor Pond Green */
}Other schemes from Noir
- Noir Complementary Color Scheme#312B27#705742#232F36#0F1012#476476
- Noir Analogous Color Scheme#3C202F#352126#312B27#333322#2E3222
- Noir Triadic Color Scheme#312B27#20392C#2C2133#775C47#0F1012
- Noir Tetradic Color Scheme#312B27#283123#232F36#352235#775C47
- Noir Monochromatic Color Scheme#0F0F0F#0F0F0F#312B27#5D504A#847569
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 Noir?
In a split-complementary scheme: Cruel Sea (#213638), Black Velvet (#222233), Optophobia (#130D0D), Moor Pond Green (#3C6461).
What is the hex code of Noir?
#312B27.