Stormy Night Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Stormy Night (#372354), each snapped to its nearest named color.
#372354
#584C25
#2A4F21
#0C0C1F
#8A843B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Stormy Night | #372354 | 55, 35, 84 | 264°, 41%, 23% | 35, 58, 0, 67 | |
| Bronze Olive | #584C25 | 88, 76, 37 | 46°, 41%, 25% | 0, 14, 58, 65 | |
| Chestnut Green | #2A4F21 | 42, 79, 33 | 108°, 41%, 22% | 47, 0, 58, 69 | |
| Tristesse | #0C0C1F | 12, 12, 31 | 240°, 44%, 8% | 61, 61, 0, 88 | |
| Apeland | #8A843B | 138, 132, 59 | 55°, 40%, 39% | 0, 4, 57, 46 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0C0C1F on #8A843B | 5.00:1 | AA |
| Aa #372354 on #8A843B | 3.56:1 | AA large |
| Aa #2A4F21 on #8A843B | 2.43:1 | — |
| Aa #584C25 on #0C0C1F | 2.28:1 | — |
| Aa #584C25 on #8A843B | 2.20:1 | — |
| Aa #2A4F21 on #0C0C1F | 2.06:1 | — |
CSS variables
:root {
--color-1: #372354; /* Stormy Night */
--color-2: #584c25; /* Bronze Olive */
--color-3: #2a4f21; /* Chestnut Green */
--color-4: #0c0c1f; /* Tristesse */
--color-5: #8a843b; /* Apeland */
}Other schemes from Stormy Night
- Stormy Night Complementary Color Scheme#372354#663399#4B5320#1B1811#729E42
- Stormy Night Analogous Color Scheme#234156#222255#372354#4A2559#462343
- Stormy Night Triadic Color Scheme#372354#583822#245336#674196#1B150D
- Stormy Night Tetradic Color Scheme#372354#522426#4B5320#215354#674196
- Stormy Night Monochromatic Color Scheme#0B0C14#0C0C1F#372354#5B3E90#715BB1
More Dark Purple split-complementary palettes
- Acai Split-complementary Color Scheme#48295B#555B2C#2B5D34#17182B#8B8C40
- Blackmail Split-complementary Color Scheme#220066#665500#046307#0B0119#B29700
- Call It a Night Split-complementary Color Scheme#42364C#515131#2E4E36#161820#7F8353
- Child of the Night Split-complementary Color Scheme#220077#7A5901#117700#06012C#C69C04
- Dark Dreams Split-complementary Color Scheme#332266#67592A#346E23#111133#9D892E
- Drifting Violet Split-complementary Color Scheme#5B4276#797447#447744#382B46#AAAA55
- Elegant Purple Gown Split-complementary Color Scheme#552367#526525#226633#2B0F2E#91A135
- Explorer of the Galaxies Split-complementary Color Scheme#3A1F76#706C11#2B7414#1C0F33#AA9933
- Extraviolet Split-complementary Color Scheme#661188#7A8716#118822#3B0346#AACC11
- Fabric of Space Split-complementary Color Scheme#341758#4F531F#115511#0C0C1F#9B9028
- Fading Horizon Split-complementary Color Scheme#442266#636F22#296D23#1C0F33#9B983D
- Fuchsia Nebula Split-complementary Color Scheme#7722AA#8FAE22#2BA727#441166#C5CD40
Questions
What colors go with Stormy Night?
In a split-complementary scheme: Bronze Olive (#584C25), Chestnut Green (#2A4F21), Tristesse (#0C0C1F), Apeland (#8A843B).
What is the hex code of Stormy Night?
#372354.