Dark Rift Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Dark Rift (#060B14), each snapped to its nearest named color.
#060B14
#130A06
#0F180A
#0B0F1A
#4C221B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Dark Rift | #060B14 | 6, 11, 20 | 219°, 54%, 5% | 70, 45, 0, 92 | |
| Asphalt | #130A06 | 19, 10, 6 | 18°, 52%, 5% | 0, 47, 68, 93 | |
| Pinch of Pepper | #0F180A | 15, 24, 10 | 99°, 41%, 7% | 37, 0, 58, 91 | |
| Nyctophobia | #0B0F1A | 11, 15, 26 | 224°, 41%, 7% | 58, 42, 0, 90 | |
| Tobi Brown | #4C221B | 76, 34, 27 | 9°, 48%, 20% | 0, 55, 64, 70 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #060B14 on #4C221B | 1.46:1 | — |
| Aa #130A06 on #4C221B | 1.45:1 | — |
| Aa #0B0F1A on #4C221B | 1.41:1 | — |
| Aa #0F180A on #4C221B | 1.34:1 | — |
| Aa #060B14 on #0F180A | 1.08:1 | — |
| Aa #130A06 on #0F180A | 1.08:1 | — |
CSS variables
:root {
--color-1: #060b14; /* Dark Rift */
--color-2: #130a06; /* Asphalt */
--color-3: #0f180a; /* Pinch of Pepper */
--color-4: #0b0f1a; /* Nyctophobia */
--color-5: #4c221b; /* Tobi Brown */
}Other schemes from Dark Rift
- Dark Rift Complementary Color Scheme#060B14#1C305C#1C1208#1C1208#6C461F
- Dark Rift Analogous Color Scheme#001111#0C121B#060B14#090615#180614
- Dark Rift Triadic Color Scheme#060B14#150811#0F180A#1F3465#150811
- Dark Rift Tetradic Color Scheme#060B14#180614#1C1208#0F180A#1F3465
- Dark Rift Monochromatic Color Scheme#0B0F1A#0B0F1A#060B14#1D2951#264D8E
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 Dark Rift?
In a split-complementary scheme: Asphalt (#130A06), Pinch of Pepper (#0F180A), Nyctophobia (#0B0F1A), Tobi Brown (#4C221B).
What is the hex code of Dark Rift?
#060B14.