En yakın adlandırılmış renk · #1C0E09
#1C0E09
En yakın adlandırılmış renk: Scandinavian Liquorice
#1C0E09 (rgb(28 14 9), hsl(16 51% 7%), oklch(0.182 0.026 40.5)) en çok Scandinavian Liquorice adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#1C0E09
oklch(0.182 0.026 40.5)
Renk dönüşümleri
- HEX
- #1c0e09
- RGB
- rgb(28 14 9)
- HSL
- hsl(16 51% 7%)
- HWB
- hwb(16 4% 89%)
- OKLCH
- oklch(0.182 0.026 40.5)
- OKLab
- oklab(0.182 0.02 0.017)
- CIE Lab
- lab(5.33 5.89 4.39)
- LCH
- lch(5.33 7.35 36.7)
- CMYK
- cmyk(0% 50% 68% 89%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2F211C
- 433631
- 584C48
- 6E635F
- 857B78
- 9C9491
- B4AEAC
- CDC8C7
- E6E3E3
Koyu tonlar
- 170B07
- 120705
- 0D0503
- 080302
- 050201
- 020101
- 010000
- 000000
- 000000
Gri tonlar
- 251813
- 2F221E
- 382D29
- 423834
- 4C4340
- 564F4C
- 605B59
- 6B6766
- 757373
Renk uyumları
Tamamlayıcı +180°
- 1C0E09
Scandinavian Liquorice
- 04151A
≈ Midnight Edition
Analog -30° +30°
- 1C0E09
Scandinavian Liquorice
- 1C0D0F
≈ Scandinavian Liquorice
- 191005
≈ Crowshead
Üçlü +120° +240°
- 1C0E09
Scandinavian Liquorice
- 07160E
≈ Pinch of Pepper
- 10111D
≈ Midnight Edition
Bölünmüş tamamlayıcı +150° +210°
- 1C0E09
Scandinavian Liquorice
- 031615
≈ Black Is Back
- 09131D
≈ Midnight Edition
Dörtlü +90° +180° +270°
- 1C0E09
Scandinavian Liquorice
- 0E1408
≈ Pinch of Pepper
- 04151A
≈ Midnight Edition
- 160F1B
≈ Corbeau
Kontrast ve erişilebilirlik
Beyaz üzerinde
WCAG 18.81:1 · APCA Lc 105
Siyah üzerinde
WCAG 1.11:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 18.81:1 (AAA) · APCA Lc 105
Contrast pairs
Kod parçacıkları
CSS
:root {
--scandinavian-liquorice: #1c0e09;
--scandinavian-liquorice-rgb: 28 14 9;
--scandinavian-liquorice-oklch: oklch(0.182 0.026 40.5);
}
.element {
color: var(--scandinavian-liquorice);
background-color: hsl(16 51% 7%);
border-color: oklch(0.182 0.026 40.5);
}Tailwind CSS v4
@theme {
--color-scandinavian-liquorice: #1c0e09;
--color-scandinavian-liquorice-50: #fcf3ef;
--color-scandinavian-liquorice-100: #f0e5e1;
--color-scandinavian-liquorice-200: #dfd1cc;
--color-scandinavian-liquorice-300: #c4b3ad;
--color-scandinavian-liquorice-400: #ad9a93;
--color-scandinavian-liquorice-500: #968179;
--color-scandinavian-liquorice-600: #7f6d67;
--color-scandinavian-liquorice-700: #665752;
--color-scandinavian-liquorice-800: #4b3f3c;
--color-scandinavian-liquorice-900: #342c29;
--color-scandinavian-liquorice-950: #1f1917;
}SCSS
$scandinavian-liquorice: #1c0e09;
$scandinavian-liquorice-rgb: 28, 14, 9;
$scandinavian-liquorice-light: mix(#fff, $scandinavian-liquorice, 20%);
$scandinavian-liquorice-dark: mix(#000, $scandinavian-liquorice, 20%);
.element {
color: $scandinavian-liquorice;
box-shadow: 0 0 0 2px rgba($scandinavian-liquorice, 0.35);
}