Nearest named color · #17111E
#17111E
Nearest named color: Corbeau
#17111E (rgb(23 17 30), hsl(268 28% 9%), oklch(0.192 0.027 305.1)) is closest to the named color Corbeau. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#17111E
oklch(0.192 0.027 305.1)
Color conversions
- HEX
- #17111e
- RGB
- rgb(23 17 30)
- HSL
- hsl(268 28% 9%)
- HWB
- hwb(268 7% 88%)
- OKLCH
- oklch(0.192 0.027 305.1)
- OKLab
- oklab(0.192 0.016 -0.022)
- CIE Lab
- lab(6.06 5.17 -7.8)
- LCH
- lch(6.06 9.36 303.5)
- CMYK
- cmyk(23% 43% 0% 88%)
Tints · Shades · Tones
Tints
- 2A2431
- 3E3945
- 534E5A
- 6A656F
- 817D86
- 99969D
- B1AFB4
- CBC9CD
- E5E4E6
Shades
- 120D19
- 0E0913
- 0A060E
- 060409
- 040205
- 020103
- 010001
- 000000
- 000000
Tones
- 201B27
- 2A2530
- 342F39
- 3E3A43
- 48454D
- 535057
- 5E5C61
- 69686B
- 747475
Color harmonies
Complementary +180°
- 17111E
Corbeau
- 111609
≈ Pinch of Pepper
Analogous -30° +30°
- 17111E
Corbeau
- 111320
≈ Corbeau
- 1C0F19
≈ Shot in the Dark
Triadic +120° +240°
- 17111E
Corbeau
- 1D1207
≈ Crowshead
- 041816
≈ Black Stallion
Split-complementary +150° +210°
- 17111E
Corbeau
- 181406
≈ Crowshead
- 0A180F
≈ Pinch of Pepper
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 18.49:1 · APCA Lc 105
Ag
FailOn black
WCAG 1.13:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 18.49:1 (AAA) · APCA Lc 105
Contrast pairs
Code snippets
CSS
:root {
--corbeau: #17111e;
--corbeau-rgb: 23 17 30;
--corbeau-oklch: oklch(0.192 0.027 305.1);
}
.element {
color: var(--corbeau);
background-color: hsl(268 28% 9%);
border-color: oklch(0.192 0.027 305.1);
}Tailwind CSS v4
@theme {
--color-corbeau: #17111e;
--color-corbeau-50: #f7f3fb;
--color-corbeau-100: #eae6ef;
--color-corbeau-200: #d7d1de;
--color-corbeau-300: #bbb4c3;
--color-corbeau-400: #a29bac;
--color-corbeau-500: #8a8295;
--color-corbeau-600: #756e7e;
--color-corbeau-700: #5e5865;
--color-corbeau-800: #44404a;
--color-corbeau-900: #2f2c34;
--color-corbeau-950: #1c191f;
}SCSS
$corbeau: #17111e;
$corbeau-rgb: 23, 17, 30;
$corbeau-light: mix(#fff, $corbeau, 20%);
$corbeau-dark: mix(#000, $corbeau, 20%);
.element {
color: $corbeau;
box-shadow: 0 0 0 2px rgba($corbeau, 0.35);
}