Noir Fiction Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Noir Fiction (#150811), each snapped to its nearest named color.
#150811
#0F180A
#0F1519
#150811
#2F4A15
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Noir Fiction | #150811 | 21, 8, 17 | 318°, 45%, 6% | 0, 62, 19, 92 | |
| Pinch of Pepper | #0F180A | 15, 24, 10 | 99°, 41%, 7% | 37, 0, 58, 91 | |
| Black Is Back | #0F1519 | 15, 21, 25 | 204°, 25%, 8% | 40, 16, 0, 90 | |
| Noir Fiction | #150811 | 21, 8, 17 | 318°, 45%, 6% | 0, 62, 19, 92 | |
| Treetop Cathedral | #2F4A15 | 47, 74, 21 | 91°, 56%, 19% | 36, 0, 72, 71 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #150811 on #2F4A15 | 1.96:1 | — |
| Aa #150811 on #2F4A15 | 1.96:1 | — |
| Aa #0F1519 on #2F4A15 | 1.85:1 | — |
| Aa #0F180A on #2F4A15 | 1.83:1 | — |
| Aa #150811 on #0F180A | 1.08:1 | — |
| Aa #0F180A on #150811 | 1.08:1 | — |
CSS variables
:root {
--color-1: #150811; /* Noir Fiction */
--color-2: #0f180a; /* Pinch of Pepper */
--color-3: #0f1519; /* Black Is Back */
--color-4: #150811; /* Noir Fiction */
--color-5: #2f4a15; /* Treetop Cathedral */
}Other schemes from Noir Fiction
- Noir Fiction Complementary Color Scheme#150811#4F284B#0F180A#0F180A#245E36
- Noir Fiction Analogous Color Scheme#090615#180614#150811#130A06#130D07
- Noir Fiction Triadic Color Scheme#150811#0F180A#0B0F1A#5C2C45#0F180A
- Noir Fiction Tetradic Color Scheme#150811#1C1208#0F180A#060B14#5C2C45
- Noir Fiction Monochromatic Color Scheme#150811#150811#150811#4B1C35#90306A
More Black split-complementary palettes
- Asphalt Split-complementary Color Scheme#130A06#0F1519#060B14#130D07#184D43
- Balsamico Split-complementary Color Scheme#130D07#0F1519#090615#130D07#19504C
- Black Split-complementary Color Scheme#000000#0F1012#0B0C14#130D0D#1B3427
- Black Hole Split-complementary Color Scheme#010203#130A06#16160E#0B0F1A#3C1414
- Black Knight Split-complementary Color Scheme#010B13#1D0200#1F180A#0B0F1A#5C0C0C
- Black Metal Split-complementary Color Scheme#060606#0F1012#0B0C14#130D0D#20392C
- Black Sheep Split-complementary Color Scheme#0F0D0D#0F1012#0B0C14#130D0D#274234
- Black Wash Split-complementary Color Scheme#0C0C0C#0F1012#0B0C14#130D0D#2B3F36
- Blackn’t Split-complementary Color Scheme#020F03#0B0119#180614#031602#331155
- Blackout Split-complementary Color Scheme#0E0702#0E191C#01081C#1C1208#104F4A
- Coco’s Black Split-complementary Color Scheme#1C1C1A#161820#161820#12110E#364251
- Cosmic Bit Flip Split-complementary Color Scheme#001000#0B0119#180614#031602#340059
Questions
What colors go with Noir Fiction?
In a split-complementary scheme: Pinch of Pepper (#0F180A), Black Is Back (#0F1519), Treetop Cathedral (#2F4A15).
What is the hex code of Noir Fiction?
#150811.