Night Sky Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Night Sky (#292B31), each snapped to its nearest named color.
#292B31
#3B2820
#333322
#0B0C14
#6A493D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Night Sky | #292B31 | 41, 43, 49 | 225°, 9%, 18% | 16, 12, 0, 81 | |
| Tree House | #3B2820 | 59, 40, 32 | 18°, 30%, 18% | 0, 32, 46, 77 | |
| Fuchsia Berries | #333322 | 51, 51, 34 | 60°, 20%, 17% | 0, 0, 33, 80 | |
| Midnight Oil | #0B0C14 | 11, 12, 20 | 233°, 29%, 6% | 45, 40, 0, 92 | |
| Classic Brown | #6A493D | 106, 73, 61 | 16°, 27%, 33% | 0, 31, 42, 58 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0B0C14 on #6A493D | 2.45:1 | — |
| Aa #292B31 on #6A493D | 1.77:1 | — |
| Aa #3B2820 on #6A493D | 1.74:1 | — |
| Aa #333322 on #6A493D | 1.61:1 | — |
| Aa #333322 on #0B0C14 | 1.52:1 | — |
| Aa #3B2820 on #0B0C14 | 1.40:1 | — |
CSS variables
:root {
--color-1: #292b31; /* Night Sky */
--color-2: #3b2820; /* Tree House */
--color-3: #333322; /* Fuchsia Berries */
--color-4: #0b0c14; /* Midnight Oil */
--color-5: #6a493d; /* Classic Brown */
}Other schemes from Night Sky
- Night Sky Complementary Color Scheme#292B31#445172#393121#12110E#786A4A
- Night Sky Analogous Color Scheme#203838#213638#292B31#262335#352235
- Night Sky Triadic Color Scheme#292B31#352126#253529#4A5777#130D0D
- Night Sky Tetradic Color Scheme#292B31#352235#393121#253529#4A5777
- Night Sky Monochromatic Color Scheme#0F1012#0F1012#292B31#4A4F5A#6D7383
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 Night Sky?
In a split-complementary scheme: Tree House (#3B2820), Fuchsia Berries (#333322), Midnight Oil (#0B0C14), Classic Brown (#6A493D).
What is the hex code of Night Sky?
#292B31.