Najbliższy nazwany kolor · #1A070C
#1A070C
Najbliższy nazwany kolor: Italian Roast
#1A070C (rgb(26 7 12), hsl(344 58% 6%), oklch(0.163 0.035 4.4)) jest najbliższy nazwanemu kolorowi Italian Roast. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#1A070C
oklch(0.163 0.035 4.4)
Konwersje koloru
- HEX
- #1a070c
- RGB
- rgb(26 7 12)
- HSL
- hsl(344 58% 6%)
- HWB
- hwb(344 3% 90%)
- OKLCH
- oklch(0.163 0.035 4.4)
- OKLab
- oklab(0.163 0.035 0.003)
- CIE Lab
- lab(3.65 7.87 0.68)
- LCH
- lch(3.65 7.9 5)
- CMYK
- cmyk(0% 73% 54% 90%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2E1A1F
- 423034
- 58464A
- 6E5E61
- 847779
- 9C9093
- B4ABAD
- CCC6C7
- E5E2E3
Odcienie ciemniejsze
- 150509
- 100406
- 0C0204
- 070203
- 040102
- 020001
- 010000
- 000000
- 000000
Tony
- 241116
- 2D1C20
- 37272B
- 413336
- 4B3F41
- 564B4D
- 60585A
- 6B6566
- 757273
Harmonie kolorów
Komplementarna +180°
- 1A070C
Italian Roast
- 00120F
≈ Black Glaze
Analogowa -30° +30°
- 1A070C
Italian Roast
- 170814
≈ Crow
- 1A0804
≈ Soy Sauce
Triada +120° +240°
- 1A070C
Italian Roast
- 0B1001
≈ Memorial Black
- 020F1C
≈ Kuretake Black Manga
Komplementarna rozszczepiona +150° +210°
- 1A070C
Italian Roast
- 021207
≈ Jedi Night
- 001115
≈ Black Glaze
Tetrada +90° +180° +270°
- 1A070C
Italian Roast
- 130D00
≈ Chinese Black
- 00120F
≈ Black Glaze
- 090C1D
≈ Tristesse
Kontrast i dostępność
Ag
AAANa bieli
WCAG 19.45:1 · APCA Lc 106
Ag
FailNa czerni
WCAG 1.07:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 19.45:1 (AAA) · APCA Lc 106
Contrast pairs
Fragmenty kodu
CSS
:root {
--italian-roast: #1a070c;
--italian-roast-rgb: 26 7 12;
--italian-roast-oklch: oklch(0.163 0.035 4.4);
}
.element {
color: var(--italian-roast);
background-color: hsl(344 58% 6%);
border-color: oklch(0.163 0.035 4.4);
}Tailwind CSS v4
@theme {
--color-italian-roast: #1a070c;
--color-italian-roast-50: #fff1f3;
--color-italian-roast-100: #f3e3e6;
--color-italian-roast-200: #e2ced2;
--color-italian-roast-300: #c8b0b4;
--color-italian-roast-400: #b2969c;
--color-italian-roast-500: #9b7d83;
--color-italian-roast-600: #836a6f;
--color-italian-roast-700: #695459;
--color-italian-roast-800: #4d3d41;
--color-italian-roast-900: #362a2d;
--color-italian-roast-950: #21181a;
}SCSS
$italian-roast: #1a070c;
$italian-roast-rgb: 26, 7, 12;
$italian-roast-light: mix(#fff, $italian-roast, 20%);
$italian-roast-dark: mix(#000, $italian-roast, 20%);
.element {
color: $italian-roast;
box-shadow: 0 0 0 2px rgba($italian-roast, 0.35);
}