Warna bernama terdekat · #17111E
#17111E
Warna bernama terdekat: Corbeau
#17111E (rgb(23 17 30), hsl(268 28% 9%), oklch(0.192 0.027 305.1)) paling mendekati warna bernama Corbeau. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#17111E
oklch(0.192 0.027 305.1)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 2A2431
- 3E3945
- 534E5A
- 6A656F
- 817D86
- 99969D
- B1AFB4
- CBC9CD
- E5E4E6
Shade
- 120D19
- 0E0913
- 0A060E
- 060409
- 040205
- 020103
- 010001
- 000000
- 000000
Tone
- 201B27
- 2A2530
- 342F39
- 3E3A43
- 48454D
- 535057
- 5E5C61
- 69686B
- 747475
Harmoni warna
Komplementer +180°
- 17111E
Corbeau
- 111609
≈ Pinch of Pepper
Analog -30° +30°
- 17111E
Corbeau
- 111320
≈ Corbeau
- 1C0F19
≈ Shot in the Dark
Triadik +120° +240°
- 17111E
Corbeau
- 1D1207
≈ Crowshead
- 041816
≈ Black Stallion
Split-komplementer +150° +210°
- 17111E
Corbeau
- 181406
≈ Crowshead
- 0A180F
≈ Pinch of Pepper
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 18.49:1 · APCA Lc 105
Ag
FailDi atas hitam
WCAG 1.13:1 · APCA Lc 0
Warna teks terbaik: #FFFFFF
WCAG 18.49:1 (AAA) · APCA Lc 105
Contrast pairs
Cuplikan kode
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);
}