Narwhal Grey Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Narwhal Grey (#080813), each snapped to its nearest named color.
#080813
#130D07
#0F180A
#080813
#4F301F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Narwhal Grey | #080813 | 8, 8, 19 | 240°, 41%, 5% | 58, 58, 0, 93 | |
| Balsamico | #130D07 | 19, 13, 7 | 30°, 46%, 5% | 0, 32, 63, 93 | |
| Pinch of Pepper | #0F180A | 15, 24, 10 | 99°, 41%, 7% | 37, 0, 58, 91 | |
| Narwhal Grey | #080813 | 8, 8, 19 | 240°, 41%, 5% | 58, 58, 0, 93 | |
| Dark Wood Grain | #4F301F | 79, 48, 31 | 21°, 44%, 22% | 0, 39, 61, 69 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #080813 on #4F301F | 1.68:1 | — |
| Aa #080813 on #4F301F | 1.68:1 | — |
| Aa #130D07 on #4F301F | 1.63:1 | — |
| Aa #0F180A on #4F301F | 1.54:1 | — |
| Aa #080813 on #0F180A | 1.10:1 | — |
| Aa #0F180A on #080813 | 1.10:1 | — |
CSS variables
:root {
--color-1: #080813; /* Narwhal Grey */
--color-2: #130d07; /* Balsamico */
--color-3: #0f180a; /* Pinch of Pepper */
--color-4: #080813; /* Narwhal Grey */
--color-5: #4f301f; /* Dark Wood Grain */
}Other schemes from Narwhal Grey
- Narwhal Grey Complementary Color Scheme#080813#222255#16160E#16160E#5E582B
- Narwhal Grey Analogous Color Scheme#0F1519#0B0C14#080813#0B0C14#180614
- Narwhal Grey Triadic Color Scheme#080813#130A06#0F180A#27275F#130A06
- Narwhal Grey Tetradic Color Scheme#080813#150811#16160E#0F180A#27275F
- Narwhal Grey Monochromatic Color Scheme#080813#080813#080813#1C1E4D#323477
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 Narwhal Grey?
In a split-complementary scheme: Balsamico (#130D07), Pinch of Pepper (#0F180A), Dark Wood Grain (#4F301F).
What is the hex code of Narwhal Grey?
#080813.