Midnight Monarch Complementary Color Scheme
Five colors arranged by the complementary rule around Midnight Monarch (#1C0F33), each snapped to its nearest named color.
#1C0F33
#412A7A
#223311
#0F180A
#628026
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Midnight Monarch | #1C0F33 | 28, 15, 51 | 262°, 55%, 13% | 45, 71, 0, 80 | |
| Clear Purple | #412A7A | 65, 42, 122 | 257°, 49%, 32% | 47, 66, 0, 52 | |
| Darkest Forest | #223311 | 34, 51, 17 | 90°, 50%, 13% | 33, 0, 67, 80 | |
| Pinch of Pepper | #0F180A | 15, 24, 10 | 99°, 41%, 7% | 37, 0, 58, 91 | |
| Straken Green | #628026 | 98, 128, 38 | 80°, 54%, 33% | 23, 0, 70, 50 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0F180A on #628026 | 4.01:1 | AA large |
| Aa #1C0F33 on #628026 | 3.98:1 | AA large |
| Aa #223311 on #628026 | 2.99:1 | — |
| Aa #412A7A on #628026 | 2.52:1 | — |
| Aa #412A7A on #0F180A | 1.59:1 | — |
| Aa #1C0F33 on #412A7A | 1.58:1 | — |
CSS variables
:root {
--color-1: #1c0f33; /* Midnight Monarch */
--color-2: #412a7a; /* Clear Purple */
--color-3: #223311; /* Darkest Forest */
--color-4: #0f180a; /* Pinch of Pepper */
--color-5: #628026; /* Straken Green */
}Other schemes from Midnight Monarch
- Midnight Monarch Analogous Color Scheme#0F282F#0E1531#1C0F33#331133#2B0F2E
- Midnight Monarch Triadic Color Scheme#1C0F33#361D0A#0D2E1C#4C2882#130D07
- Midnight Monarch Split-complementary Color Scheme#1C0F33#36310D#113311#090615#776022
- Midnight Monarch Tetradic Color Scheme#1C0F33#331111#223311#113333#4C2882
- Midnight Monarch Monochromatic Color Scheme#090615#090615#1C0F33#332266#5930A9
More Very Dark Purple complementary palettes
- Back in Black Complementary Color Scheme#16141C#3D3354#1B1811#12110E#575C3A
- Clairvoyant Complementary Color Scheme#480656#8601AF#195905#031602#22BB11
- Coal Mine Complementary Color Scheme#220033#5E0092#113300#031602#339900
- Cotinga Purple Complementary Color Scheme#340059#6611AA#335500#0F180A#55BB00
- Hollow Knight Complementary Color Scheme#330055#6611AA#335500#031602#55BB00
- Quiet Abyss Complementary Color Scheme#160435#391285#223300#0F180A#669900
- Violet Void Complementary Color Scheme#1A161D#4F3357#112211#12110E#4A623B
- Your Darkness Complementary Color Scheme#220044#5500AA#334400#0F180A#55AA00
Questions
What colors go with Midnight Monarch?
In a complementary scheme: Clear Purple (#412A7A), Darkest Forest (#223311), Pinch of Pepper (#0F180A), Straken Green (#628026).
What is the hex code of Midnight Monarch?
#1C0F33.