Petrol Slumber Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Petrol Slumber (#243640), each snapped to its nearest named color.
#243640
#43242A
#423D27
#0F1012
#71424A
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Petrol Slumber | #243640 | 36, 54, 64 | 201°, 28%, 20% | 44, 16, 0, 75 | 32.2% 0.029 233 | |
| Nisemurasaki Purple | #43242A | 67, 36, 42 | 348°, 30%, 20% | 0, 46, 37, 74 | 30.3% 0.048 8 | |
| Scorched Metal | #423D27 | 66, 61, 39 | 49°, 26%, 21% | 0, 8, 41, 74 | 35.9% 0.036 97 | |
| Ruined Smores | #0F1012 | 15, 16, 18 | 220°, 9%, 6% | 17, 11, 0, 93 | 17.3% 0.004 264 | |
| Pirat’s Wine | #71424A | 113, 66, 74 | 350°, 26%, 35% | 0, 42, 35, 56 | 43.7% 0.066 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0F1012 on #71424A | 2.34:1 | — |
| Aa #423D27 on #0F1012 | 1.75:1 | — |
| Aa #43242A on #71424A | 1.69:1 | — |
| Aa #243640 on #71424A | 1.54:1 | — |
| Aa #243640 on #0F1012 | 1.52:1 | — |
| Aa #43242A on #0F1012 | 1.38:1 | — |
CSS variables
:root {
--color-1: #243640; /* Petrol Slumber */
--color-2: #43242a; /* Nisemurasaki Purple */
--color-3: #423d27; /* Scorched Metal */
--color-4: #0f1012; /* Ruined Smores */
--color-5: #71424a; /* Pirat’s Wine */
}Other schemes from Petrol Slumber
- Petrol Slumber Complementary Color Scheme#243640#45657D#442D21#130D0D#805B48
- Petrol Slumber Analogous Color Scheme#274234#234537#243640#2A2B41#2D2541
- Petrol Slumber Triadic Color Scheme#243640#412533#37412A#486D83#150811
- Petrol Slumber Tetradic Color Scheme#243640#3B2741#442D21#37412A#486D83
- Petrol Slumber Monochromatic Color Scheme#0F1012#0F1012#243640#435A6F#5789A5
More very dark blue split-complementary color schemes
- 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 Petrol Slumber?
In a split-complementary scheme: Nisemurasaki Purple (#43242A), Scorched Metal (#423D27), Ruined Smores (#0F1012), Pirat’s Wine (#71424A).
What is the hex code of Petrol Slumber?
#243640.