Oil Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Oil (#313330), each snapped to its nearest named color.
#313330
#272A3B
#3A243B
#12110E
#4D426E
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Oil | #313330 | 49, 51, 48 | 100°, 3%, 19% | 4, 0, 6, 80 | 31.8% 0.006 135 | |
| Spinel Stone Black | #272A3B | 39, 42, 59 | 231°, 20%, 19% | 34, 29, 0, 77 | 29.0% 0.031 277 | |
| Kokimurasaki Purple | #3A243B | 58, 36, 59 | 297°, 24%, 19% | 2, 39, 0, 77 | 29.8% 0.050 325 | |
| Sinister | #12110E | 18, 17, 14 | 45°, 13%, 6% | 0, 6, 22, 93 | 17.8% 0.006 92 | |
| Izmir Purple | #4D426E | 77, 66, 110 | 255°, 25%, 35% | 30, 40, 0, 57 | 41.0% 0.073 294 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #12110E on #4D426E | 2.09:1 | — |
| Aa #272A3B on #4D426E | 1.57:1 | — |
| Aa #3A243B on #4D426E | 1.55:1 | — |
| Aa #313330 on #12110E | 1.48:1 | — |
| Aa #313330 on #4D426E | 1.41:1 | — |
| Aa #3A243B on #12110E | 1.34:1 | — |
CSS variables
:root {
--color-1: #313330; /* Oil */
--color-2: #272a3b; /* Spinel Stone Black */
--color-3: #3a243b; /* Kokimurasaki Purple */
--color-4: #12110e; /* Sinister */
--color-5: #4d426e; /* Izmir Purple */
}Other schemes from Oil
- Oil Complementary Color Scheme#313330#5B7349#38283D#0B0C14#724C7B
- Oil Analogous Color Scheme#3F3726#393D2A#313330#2C3D28#273F39
- Oil Triadic Color Scheme#313330#2A2E3F#3E2631#5F7F4B#0B0C14
- Oil Tetradic Color Scheme#313330#273E3E#38283D#3E2B23#5F7F4B
- Oil Monochromatic Color Scheme#0F0F0F#0F0F0F#313330#555B53#7C817C
More very dark gray split-complementary color schemes
- 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 Oil?
In a split-complementary scheme: Spinel Stone Black (#272A3B), Kokimurasaki Purple (#3A243B), Sinister (#12110E), Izmir Purple (#4D426E).
What is the hex code of Oil?
#313330.