Najbliższy nazwany kolor · #1C1007
#1C1007
Najbliższy nazwany kolor: Scandinavian Liquorice
#1C1007 (rgb(28 16 7), hsl(26 60% 7%), oklch(0.187 0.027 58)) jest najbliższy nazwanemu kolorowi Scandinavian Liquorice. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#1C1007
oklch(0.187 0.027 58)
Konwersje koloru
- HEX
- #1c1007
- RGB
- rgb(28 16 7)
- HSL
- hsl(26 60% 7%)
- HWB
- hwb(26 3% 89%)
- OKLCH
- oklch(0.187 0.027 58)
- OKLab
- oklab(0.187 0.014 0.023)
- CIE Lab
- lab(5.81 4.71 5.89)
- LCH
- lch(5.81 7.54 51.4)
- CMYK
- cmyk(0% 43% 75% 89%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2F231A
- 433830
- 584E46
- 6E655E
- 857C77
- 9C9590
- B4AFAB
- CCC9C6
- E5E4E2
Odcienie ciemniejsze
- 170C05
- 120904
- 0D0602
- 080402
- 050201
- 020100
- 010000
- 000000
- 000000
Tony
- 251A11
- 2E241C
- 382E27
- 423933
- 4C443F
- 56504B
- 605B58
- 6B6765
- 757472
Harmonie kolorów
Komplementarna +180°
- 1C1007
Scandinavian Liquorice
- 07151E
≈ Creeping Death
Analogowa -30° +30°
- 1C1007
Scandinavian Liquorice
- 1E0E0C
≈ Scandinavian Liquorice
- 181205
≈ Crowshead
Triada +120° +240°
- 1C1007
Scandinavian Liquorice
- 051713
≈ Pinch of Pepper
- 14101D
≈ Corbeau
Komplementarna rozszczepiona +150° +210°
- 1C1007
Scandinavian Liquorice
- 031619
≈ Black Is Back
- 0E131F
≈ Midnight Edition
Tetrada +90° +180° +270°
- 1C1007
Scandinavian Liquorice
- 0B160C
≈ Pinch of Pepper
- 07151E
≈ Creeping Death
- 1A0F19
≈ Shot in the Dark
Kontrast i dostępność
Ag
AAANa bieli
WCAG 18.64:1 · APCA Lc 105
Ag
FailNa czerni
WCAG 1.12:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 18.64:1 (AAA) · APCA Lc 105
Contrast pairs
Fragmenty kodu
CSS
:root {
--scandinavian-liquorice: #1c1007;
--scandinavian-liquorice-rgb: 28 16 7;
--scandinavian-liquorice-oklch: oklch(0.187 0.027 58);
}
.element {
color: var(--scandinavian-liquorice);
background-color: hsl(26 60% 7%);
border-color: oklch(0.187 0.027 58);
}Tailwind CSS v4
@theme {
--color-scandinavian-liquorice: #1c1007;
--color-scandinavian-liquorice-50: #fbf4ee;
--color-scandinavian-liquorice-100: #efe6df;
--color-scandinavian-liquorice-200: #ddd2c9;
--color-scandinavian-liquorice-300: #c2b5aa;
--color-scandinavian-liquorice-400: #ab9b8f;
--color-scandinavian-liquorice-500: #948275;
--color-scandinavian-liquorice-600: #7d6e63;
--color-scandinavian-liquorice-700: #64584f;
--color-scandinavian-liquorice-800: #4a403a;
--color-scandinavian-liquorice-900: #332c27;
--color-scandinavian-liquorice-950: #1f1916;
}SCSS
$scandinavian-liquorice: #1c1007;
$scandinavian-liquorice-rgb: 28, 16, 7;
$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);
}