Nearest named color · #392E39
#392E39
Nearest named color: Melanzane
#392E39 (rgb(57 46 57), hsl(300 11% 20%), oklch(0.318 0.025 326.1)) is closest to the named color Melanzane. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#392E39
oklch(0.318 0.025 326.1)
Color conversions
- HEX
- #392e39
- RGB
- rgb(57 46 57)
- HSL
- hsl(300 11% 20%)
- HWB
- hwb(300 18% 78%)
- OKLCH
- oklch(0.318 0.025 326.1)
- OKLab
- oklab(0.318 0.02 -0.014)
- CIE Lab
- lab(20.51 6.95 -5.06)
- LCH
- lch(20.51 8.6 323.9)
- CMYK
- cmyk(0% 19% 0% 78%)
Tints · Shades · Tones
Tints
- 4A404A
- 5C535C
- 6F666F
- 827B82
- 968F96
- AAA5AA
- BFBBBF
- D4D1D4
- E9E8E9
Shades
- 302730
- 281F28
- 1F181F
- 171217
- 100B10
- 090609
- 040204
- 010101
- 000000
Tones
- 403640
- 473D46
- 4D454D
- 544D54
- 5B555B
- 635E63
- 6A666A
- 716F71
- 797779
Color harmonies
Complementary +180°
- 392E39
Melanzane
- 2A362B
≈ Aimiru Brown
Analogous -30° +30°
- 392E39
Melanzane
- 33303E
≈ Deep Well
- 3D2D33
≈ Chocolate Plum
Triadic +120° +240°
- 392E39
Melanzane
- 383224
≈ Agrax Earthshade
- 233638
≈ Cruel Sea
Split-complementary +150° +210°
- 392E39
Melanzane
- 313426
≈ Fuchsia Berries
- 253632
≈ Aztec
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 12.93:1 · APCA Lc 99
Ag
FailOn black
WCAG 1.62:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 12.93:1 (AAA) · APCA Lc 99
Contrast pairs
Code snippets
CSS
:root {
--melanzane: #392e39;
--melanzane-rgb: 57 46 57;
--melanzane-oklch: oklch(0.318 0.025 326.1);
}
.element {
color: var(--melanzane);
background-color: hsl(300 11% 20%);
border-color: oklch(0.318 0.025 326.1);
}Tailwind CSS v4
@theme {
--color-melanzane: #392e39;
--color-melanzane-50: #f9f3f9;
--color-melanzane-100: #ede5ec;
--color-melanzane-200: #dad1da;
--color-melanzane-300: #bfb3be;
--color-melanzane-400: #a69aa6;
--color-melanzane-500: #8f818f;
--color-melanzane-600: #796d79;
--color-melanzane-700: #615761;
--color-melanzane-800: #474047;
--color-melanzane-900: #312c31;
--color-melanzane-950: #1d191d;
}SCSS
$melanzane: #392e39;
$melanzane-rgb: 57, 46, 57;
$melanzane-light: mix(#fff, $melanzane, 20%);
$melanzane-dark: mix(#000, $melanzane, 20%);
.element {
color: $melanzane;
box-shadow: 0 0 0 2px rgba($melanzane, 0.35);
}