Nearest named color · #2A2112
#2A2112
Nearest named color: Noir Mystique
#2A2112 (rgb(42 33 18), hsl(38 40% 12%), oklch(0.254 0.029 79.6)) is closest to the named color Noir Mystique. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#2A2112
oklch(0.254 0.029 79.6)
Color conversions
- HEX
- #2a2112
- RGB
- rgb(42 33 18)
- HSL
- hsl(38 40% 12%)
- HWB
- hwb(38 7% 84%)
- OKLCH
- oklch(0.254 0.029 79.6)
- OKLab
- oklab(0.254 0.005 0.029)
- CIE Lab
- lab(13.48 2.58 11.7)
- LCH
- lch(13.48 11.98 77.6)
- CMYK
- cmyk(0% 21% 57% 84%)
Tints · Shades · Tones
Tints
- 3C3426
- 4F473A
- 635C50
- 787167
- 8D877F
- A39E97
- B9B6B0
- D0CECA
- E7E6E4
Shades
- 231B0E
- 1C160A
- 161007
- 100B04
- 0A0602
- 050301
- 020101
- 010000
- 000000
Tones
- 322A1C
- 3A3226
- 423B31
- 4B453B
- 534E46
- 5C5851
- 65625D
- 6E6C68
- 777674
Color harmonies
Complementary +180°
- 2A2112
Noir Mystique
- 1A2331
≈ Dark
Analogous -30° +30°
- 2A2112
Noir Mystique
- 2E1E16
≈ Weathervane
- 232413
≈ Black Mesa
Triadic +120° +240°
- 2A2112
Noir Mystique
- 102728
≈ Sunken Ship
- 291E2B
≈ Shikon
Split-complementary +150° +210°
- 2A2112
Noir Mystique
- 13252E
≈ Sunken Ship
- 222030
≈ Black Howl
Tetradic +90° +180° +270°
- 2A2112
Noir Mystique
- 132720
≈ Deep Slate Green
- 1A2331
≈ Dark
- 2D1D25
≈ Shikon
Contrast & accessibility
Ag
AAAOn white
WCAG 15.85:1 · APCA Lc 103
Ag
FailOn black
WCAG 1.32:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 15.85:1 (AAA) · APCA Lc 103
Contrast pairs
Code snippets
CSS
:root {
--noir-mystique: #2a2112;
--noir-mystique-rgb: 42 33 18;
--noir-mystique-oklch: oklch(0.254 0.029 79.6);
}
.element {
color: var(--noir-mystique);
background-color: hsl(38 40% 12%);
border-color: oklch(0.254 0.029 79.6);
}Tailwind CSS v4
@theme {
--color-noir-mystique: #2a2112;
--color-noir-mystique-50: #f9f4ec;
--color-noir-mystique-100: #ede7dd;
--color-noir-mystique-200: #dbd3c7;
--color-noir-mystique-300: #bfb6a7;
--color-noir-mystique-400: #a89d8c;
--color-noir-mystique-500: #918471;
--color-noir-mystique-600: #7a7060;
--color-noir-mystique-700: #625a4c;
--color-noir-mystique-800: #484137;
--color-noir-mystique-900: #322d26;
--color-noir-mystique-950: #1e1a14;
}SCSS
$noir-mystique: #2a2112;
$noir-mystique-rgb: 42, 33, 18;
$noir-mystique-light: mix(#fff, $noir-mystique, 20%);
$noir-mystique-dark: mix(#000, $noir-mystique, 20%);
.element {
color: $noir-mystique;
box-shadow: 0 0 0 2px rgba($noir-mystique, 0.35);
}