Nearest named color · #191716
#191716
Nearest named color: Matt Black
#191716 (rgb(25 23 22), hsl(20 6% 9%), oklch(0.207 0.004 48.5)) is closest to the named color Matt Black. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#191716
oklch(0.207 0.004 48.5)
Color conversions
- HEX
- #191716
- RGB
- rgb(25 23 22)
- HSL
- hsl(20 6% 9%)
- HWB
- hwb(20 9% 90%)
- OKLCH
- oklch(0.207 0.004 48.5)
- OKLab
- oklab(0.207 0.002 0.003)
- CIE Lab
- lab(7.94 0.84 1.05)
- LCH
- lch(7.94 1.35 51.3)
- CMYK
- cmyk(0% 8% 12% 90%)
Tints · Shades · Tones
Tints
- 2C2A29
- 403E3D
- 555352
- 6B6A69
- 828180
- 9A9998
- B2B1B1
- CBCBCA
- E5E5E4
Shades
- 141212
- 100E0D
- 0B0A09
- 070606
- 040403
- 020202
- 010101
- 000000
- 000000
Tones
- 22201F
- 2B2A29
- 353433
- 3F3E3D
- 494848
- 545352
- 5F5E5D
- 6A6969
- 757474
Color harmonies
Complementary +180°
- 191716
Matt Black
- 161819
≈ Dark Moon
Analogous -30° +30°
- 191716
Matt Black
- 191717
≈ Thamar Black
- 181716
≈ Cynical Black
Triadic +120° +240°
- 191716
Matt Black
- 161817
≈ Cynical Black
- 171719
≈ Piano Black
Split-complementary +150° +210°
- 191716
Matt Black
- 161818
≈ Thamar Black
- 161819
≈ Dark Moon
Tetradic +90° +180° +270°
- 191716
Matt Black
- 171816
≈ Thamar Black
- 161819
≈ Dark Moon
- 181719
≈ Piano Black
Contrast & accessibility
Ag
AAAOn white
WCAG 17.86:1 · APCA Lc 105
Ag
FailOn black
WCAG 1.17:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 17.86:1 (AAA) · APCA Lc 105
Contrast pairs
Code snippets
CSS
:root {
--matt-black: #191716;
--matt-black-rgb: 25 23 22;
--matt-black-oklch: oklch(0.207 0.004 48.5);
}
.element {
color: var(--matt-black);
background-color: hsl(20 6% 9%);
border-color: oklch(0.207 0.004 48.5);
}Tailwind CSS v4
@theme {
--color-matt-black: #191716;
--color-matt-black-50: #f6f5f4;
--color-matt-black-100: #e9e7e7;
--color-matt-black-200: #d5d4d3;
--color-matt-black-300: #b9b7b6;
--color-matt-black-400: #a09e9c;
--color-matt-black-500: #888584;
--color-matt-black-600: #737170;
--color-matt-black-700: #5c5a59;
--color-matt-black-800: #434241;
--color-matt-black-900: #2f2d2d;
--color-matt-black-950: #1b1a1a;
}SCSS
$matt-black: #191716;
$matt-black-rgb: 25, 23, 22;
$matt-black-light: mix(#fff, $matt-black, 20%);
$matt-black-dark: mix(#000, $matt-black, 20%);
.element {
color: $matt-black;
box-shadow: 0 0 0 2px rgba($matt-black, 0.35);
}