Nearest named color · #2E312C
#2E312C
Nearest named color: Oil
#2E312C (rgb(46 49 44), hsl(96 5% 18%), oklch(0.308 0.01 132.6)) is closest to the named color Oil. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#2E312C
oklch(0.308 0.01 132.6)
Color conversions
- HEX
- #2e312c
- RGB
- rgb(46 49 44)
- HSL
- hsl(96 5% 18%)
- HWB
- hwb(96 17% 81%)
- OKLCH
- oklch(0.308 0.01 132.6)
- OKLab
- oklab(0.308 -0.007 0.007)
- CIE Lab
- lab(19.89 -2.23 2.73)
- LCH
- lch(19.89 3.53 129.3)
- CMYK
- cmyk(6% 0% 10% 81%)
Tints · Shades · Tones
Tints
- 40433E
- 535551
- 666965
- 7A7C79
- 8F918E
- A5A6A4
- BABCBA
- D1D2D0
- E8E8E7
Shades
- 272925
- 1F221E
- 181A17
- 121311
- 0B0C0A
- 060605
- 020302
- 010101
- 000000
Tones
- 363834
- 3D403C
- 454744
- 4D4F4C
- 555754
- 5E5F5D
- 666765
- 6F6F6E
- 777877
Color harmonies
Complementary +180°
- 2E312C
Oil
- 322F33
≈ Tap Shoe
Analogous -30° +30°
- 2E312C
Oil
- 31302B
≈ Holy Crow
- 2C312E
≈ Woodsmoke
Triadic +120° +240°
- 2E312C
Oil
- 2C3035
≈ Suit Blue
- 352E2E
≈ Night Rider
Split-complementary +150° +210°
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 13.19:1 · APCA Lc 100
Ag
FailOn black
WCAG 1.59:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 13.19:1 (AAA) · APCA Lc 100
Contrast pairs
Code snippets
CSS
:root {
--oil: #2e312c;
--oil-rgb: 46 49 44;
--oil-oklch: oklch(0.308 0.01 132.6);
}
.element {
color: var(--oil);
background-color: hsl(96 5% 18%);
border-color: oklch(0.308 0.01 132.6);
}Tailwind CSS v4
@theme {
--color-oil: #2e312c;
--color-oil-50: #f4f6f3;
--color-oil-100: #e6e9e5;
--color-oil-200: #d2d5d1;
--color-oil-300: #b5b8b4;
--color-oil-400: #9ca09a;
--color-oil-500: #848881;
--color-oil-600: #6f736d;
--color-oil-700: #595c57;
--color-oil-800: #414340;
--color-oil-900: #2d2e2c;
--color-oil-950: #1a1b19;
}SCSS
$oil: #2e312c;
$oil-rgb: 46, 49, 44;
$oil-light: mix(#fff, $oil, 20%);
$oil-dark: mix(#000, $oil, 20%);
.element {
color: $oil;
box-shadow: 0 0 0 2px rgba($oil, 0.35);
}