Named color · #231712
Used Oil
Used Oil is #231712: rgb(35 23 18), hsl(18 32% 10%), oklch(0.218 0.022 43.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Used Oil color name →
#231712
oklch(0.218 0.022 43.6)
Color conversions
- HEX
- #231712
- RGB
- rgb(35 23 18)
- HSL
- hsl(18 32% 10%)
- HWB
- hwb(18 7% 86%)
- OKLCH
- oklch(0.218 0.022 43.6)
- OKLab
- oklab(0.218 0.016 0.015)
- CIE Lab
- lab(9.2 5.61 5.69)
- LCH
- lch(9.2 7.99 45.4)
- CMYK
- cmyk(0% 34% 49% 86%)
Tints · Shades · Tones
Tints
- 362A25
- 493E3A
- 5E544F
- 736A66
- 89817E
- 9F9996
- B7B1AF
- CECBC9
- E6E5E4
Shades
- 1D120E
- 170E0A
- 110A07
- 0C0604
- 070402
- 040201
- 010101
- 000000
- 000000
Tones
- 2C201C
- 342A26
- 3D3430
- 463E3A
- 504845
- 595351
- 635E5C
- 6C6968
- 767474
Color harmonies
Complementary +180°
- 231712
Used Oil
- 0F1C22
≈ Black Stallion
Analogous -30° +30°
- 231712
Used Oil
- 231617
≈ Kālā Black
- 20190F
≈ Noir Mystique
Triadic +120° +240°
- 231712
Used Oil
- 111D17
≈ Twilight Zone
- 191924
≈ Coarse Wool
Split-complementary +150° +210°
- 231712
Used Oil
- 0D1D1D
≈ Black Stallion
- 131B24
≈ Coarse Wool
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 17.45:1 · APCA Lc 104
Ag
FailOn black
WCAG 1.20:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 17.45:1 (AAA) · APCA Lc 104
Contrast pairs
Code snippets
CSS
:root {
--used-oil: #231712;
--used-oil-rgb: 35 23 18;
--used-oil-oklch: oklch(0.218 0.022 43.6);
}
.element {
color: var(--used-oil);
background-color: hsl(18 32% 10%);
border-color: oklch(0.218 0.022 43.6);
}Tailwind CSS v4
@theme {
--color-used-oil: #231712;
--color-used-oil-50: #fbf3f0;
--color-used-oil-100: #efe6e2;
--color-used-oil-200: #ddd2cd;
--color-used-oil-300: #c2b4ae;
--color-used-oil-400: #aa9b94;
--color-used-oil-500: #93827b;
--color-used-oil-600: #7d6e68;
--color-used-oil-700: #645853;
--color-used-oil-800: #49403d;
--color-used-oil-900: #332c2a;
--color-used-oil-950: #1f1917;
}SCSS
$used-oil: #231712;
$used-oil-rgb: 35, 23, 18;
$used-oil-light: mix(#fff, $used-oil, 20%);
$used-oil-dark: mix(#000, $used-oil, 20%);
.element {
color: $used-oil;
box-shadow: 0 0 0 2px rgba($used-oil, 0.35);
}