Young Night Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Young Night (#232323), each snapped to its nearest named color.
#232323
#142D25
#1B2431
#130D0D
#355E4B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Young Night | #232323 | 35, 35, 35 | 0°, 0%, 14% | 0, 0, 0, 86 | |
| Guerrilla Forest | #142D25 | 20, 45, 37 | 161°, 38%, 13% | 56, 0, 18, 82 | |
| Dark | #1B2431 | 27, 36, 49 | 215°, 29%, 15% | 45, 27, 0, 81 | |
| Optophobia | #130D0D | 19, 13, 13 | 0°, 19%, 6% | 0, 32, 32, 93 | |
| Wine Leaf | #355E4B | 53, 94, 75 | 152°, 28%, 29% | 44, 0, 20, 63 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #130D0D on #355E4B | 2.62:1 | — |
| Aa #232323 on #355E4B | 2.14:1 | — |
| Aa #1B2431 on #355E4B | 2.12:1 | — |
| Aa #142D25 on #355E4B | 1.99:1 | — |
| Aa #142D25 on #130D0D | 1.31:1 | — |
| Aa #1B2431 on #130D0D | 1.23:1 | — |
CSS variables
:root {
--color-1: #232323; /* Young Night */
--color-2: #142d25; /* Guerrilla Forest */
--color-3: #1b2431; /* Dark */
--color-4: #130d0d; /* Optophobia */
--color-5: #355e4b; /* Wine Leaf */
}Other schemes from Young Night
- Young Night Complementary Color Scheme#232323#623D3D#1E272C#0F1012#456F6E
- Young Night Analogous Color Scheme#2C1620#2C1620#232323#2E211B#2F2E1F
- Young Night Triadic Color Scheme#232323#1B2B1B#17182B#684141#051009
- Young Night Tetradic Color Scheme#232323#2F2E1F#1E272C#201B20#684141
- Young Night Monochromatic Color Scheme#0F0F0F#0F0F0F#232323#484848#71706E
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 Young Night?
In a split-complementary scheme: Guerrilla Forest (#142D25), Dark (#1B2431), Optophobia (#130D0D), Wine Leaf (#355E4B).
What is the hex code of Young Night?
#232323.