Noir Fiction Complementary Color Scheme
Five colors arranged by the complementary rule around Noir Fiction (#150811), each snapped to its nearest named color.
#150811
#4F284B
#0F180A
#0F180A
#245E36
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Noir Fiction | #150811 | 21, 8, 17 | 318°, 45%, 6% | 0, 62, 19, 92 | |
| Murasaki | #4F284B | 79, 40, 75 | 306°, 33%, 23% | 0, 49, 5, 69 | |
| Pinch of Pepper | #0F180A | 15, 24, 10 | 99°, 41%, 7% | 37, 0, 58, 91 | |
| Pinch of Pepper | #0F180A | 15, 24, 10 | 99°, 41%, 7% | 37, 0, 58, 91 | |
| Derbyshire | #245E36 | 36, 94, 54 | 139°, 45%, 25% | 62, 0, 43, 63 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #150811 on #245E36 | 2.54:1 | — |
| Aa #0F180A on #245E36 | 2.36:1 | — |
| Aa #0F180A on #245E36 | 2.36:1 | — |
| Aa #150811 on #4F284B | 1.62:1 | — |
| Aa #4F284B on #245E36 | 1.57:1 | — |
| Aa #4F284B on #0F180A | 1.50:1 | — |
CSS variables
:root {
--color-1: #150811; /* Noir Fiction */
--color-2: #4f284b; /* Murasaki */
--color-3: #0f180a; /* Pinch of Pepper */
--color-4: #0f180a; /* Pinch of Pepper */
--color-5: #245e36; /* Derbyshire */
}Other schemes from Noir Fiction
- Noir Fiction Analogous Color Scheme#090615#180614#150811#130A06#130D07
- Noir Fiction Triadic Color Scheme#150811#0F180A#0B0F1A#5C2C45#0F180A
- Noir Fiction Split-complementary Color Scheme#150811#0F180A#0F1519#150811#2F4A15
- Noir Fiction Tetradic Color Scheme#150811#1C1208#0F180A#060B14#5C2C45
- Noir Fiction Monochromatic Color Scheme#150811#150811#150811#4B1C35#90306A
More Black complementary palettes
- Asphalt Complementary Color Scheme#130A06#552C1C#0B0F1A#0B0F1A#174C60
- Balsamico Complementary Color Scheme#130D07#583822#0B0C14#0B0C14#20415D
- Black Complementary Color Scheme#000000#3C2126#0F1012#0F1012#274242
- Black Hole Complementary Color Scheme#010203#153043#130D07#130D07#53331E
- Black Knight Complementary Color Scheme#010B13#03386A#1C1208#1C1208#6E3A07
- Black Metal Complementary Color Scheme#060606#43242A#0F1012#0F1012#2A4845
- Black Sheep Complementary Color Scheme#0F0D0D#4A2D2F#0F1012#0F1012#2F4F4F
- Black Wash Complementary Color Scheme#0C0C0C#4A2C2A#0F1012#0F1012#2F4F4F
- Blackn’t Complementary Color Scheme#020F03#11610F#180614#180614#771166
- Blackout Complementary Color Scheme#0E0702#5E2D10#0B0F1A#0B0F1A#124168
- Coco’s Black Complementary Color Scheme#1C1C1A#575C3A#111122#0B0C14#3D3D63
- Cosmic Bit Flip Complementary Color Scheme#001000#006800#1F0B1E#1F0B1E#660077
Questions
What colors go with Noir Fiction?
In a complementary scheme: Murasaki (#4F284B), Pinch of Pepper (#0F180A), Pinch of Pepper (#0F180A), Derbyshire (#245E36).
What is the hex code of Noir Fiction?
#150811.