Midnight Velvet Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Midnight Velvet (#2A2243), each snapped to its nearest named color.
#2A2243
#423921
#37412A
#0B0C14
#75663E
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Midnight Velvet | #2A2243 | 42, 34, 67 | 255°, 33%, 20% | 37, 49, 0, 74 | |
| Lisbon Brown | #423921 | 66, 57, 33 | 44°, 33%, 19% | 0, 14, 50, 74 | |
| Deep Seaweed | #37412A | 55, 65, 42 | 86°, 21%, 21% | 15, 0, 35, 75 | |
| Midnight Oil | #0B0C14 | 11, 12, 20 | 233°, 29%, 6% | 45, 40, 0, 92 | |
| Nutria | #75663E | 117, 102, 62 | 44°, 31%, 35% | 0, 13, 47, 54 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0B0C14 on #75663E | 3.46:1 | AA large |
| Aa #2A2243 on #75663E | 2.65:1 | — |
| Aa #423921 on #75663E | 2.03:1 | — |
| Aa #37412A on #75663E | 1.91:1 | — |
| Aa #37412A on #0B0C14 | 1.81:1 | — |
| Aa #423921 on #0B0C14 | 1.71:1 | — |
CSS variables
:root {
--color-1: #2a2243; /* Midnight Velvet */
--color-2: #423921; /* Lisbon Brown */
--color-3: #37412a; /* Deep Seaweed */
--color-4: #0b0c14; /* Midnight Oil */
--color-5: #75663e; /* Nutria */
}Other schemes from Midnight Velvet
- Midnight Velvet Complementary Color Scheme#2A2243#554488#3E4826#0F180A#7C8447
- Midnight Velvet Analogous Color Scheme#203943#292E44#2A2243#3B2741#442238
- Midnight Velvet Triadic Color Scheme#2A2243#432722#264334#554488#130D07
- Midnight Velvet Tetradic Color Scheme#2A2243#43232C#3E4826#234537#554488
- Midnight Velvet Monochromatic Color Scheme#0B0C14#0B0C14#2A2243#413C7B#6F58A6
More Very Dark Blue split-complementary palettes
- Astral Nomad Split-complementary Color Scheme#203943#482029#423921#0F1012#773644
- Azulado Split-complementary Color Scheme#211D49#4E3E1F#2F441F#080813#886037
- Beyond the Stars Split-complementary Color Scheme#0A3251#551111#544E03#0B0F1A#9B111E
- Black Pearl Split-complementary Color Scheme#1E272C#351E1C#2F2E1F#0F1012#5F383C
- Black Velvet Split-complementary Color Scheme#222233#342C21#2E3222#0B0C14#61513D
- Blue Whale Split-complementary Color Scheme#1E3442#4C1C24#4E3E1F#0F1012#73383C
- Cinder Split-complementary Color Scheme#242A2E#3B1F23#2F2E1F#0F1012#653A3D
- Corbeau Split-complementary Color Scheme#111122#231712#172713#0B0C14#55422B
- Dark Split-complementary Color Scheme#1B2431#351E1C#2F2E1F#0B0C14#613936
- Dark Eclipse Split-complementary Color Scheme#112244#471C0F#304112#060B14#803020
- Dark Knight Split-complementary Color Scheme#151931#351F19#223311#0B0C14#67422D
- Dark Soul Split-complementary Color Scheme#112255#552211#48531A#01081C#9B351B
Questions
What colors go with Midnight Velvet?
In a split-complementary scheme: Lisbon Brown (#423921), Deep Seaweed (#37412A), Midnight Oil (#0B0C14), Nutria (#75663E).
What is the hex code of Midnight Velvet?
#2A2243.