Colore con nome più vicino · #1B1211
#1B1211
Colore con nome più vicino: Scandinavian Liquorice
#1B1211 (rgb(27 18 17), hsl(6 23% 9%), oklch(0.194 0.015 25.8)) è più vicino al colore con nome Scandinavian Liquorice. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#1B1211
oklch(0.194 0.015 25.8)
Conversioni di colore
- HEX
- #1b1211
- RGB
- rgb(27 18 17)
- HSL
- hsl(6 23% 9%)
- HWB
- hwb(6 7% 89%)
- OKLCH
- oklch(0.194 0.015 25.8)
- OKLab
- oklab(0.194 0.014 0.007)
- CIE Lab
- lab(6.43 4.24 2.13)
- LCH
- lch(6.43 4.75 26.7)
- CMYK
- cmyk(0% 33% 37% 89%)
Tinte · Ombre · Toni
Tinte
- 2E2524
- 423938
- 574F4E
- 6D6665
- 847E7D
- 9B9695
- B3AFAF
- CCC9C9
- E5E4E4
Ombre
- 160E0D
- 110A09
- 0C0706
- 080404
- 050202
- 020101
- 010100
- 000000
- 000000
Toni
- 241B1B
- 2D2524
- 37302F
- 413A3A
- 4B4545
- 555150
- 605C5C
- 6A6867
- 757474
Armonie di colore
Complementare +180°
- 1B1211
Scandinavian Liquorice
- 0C1718
≈ Black Is Back
Analogo -30° +30°
- 1B1211
Scandinavian Liquorice
- 1A1215
≈ Scandinavian Liquorice
- 1A130E
≈ Nuln Oil Gloss
Triadico +120° +240°
- 1B1211
Scandinavian Liquorice
- 101610
≈ Darkness
- 11151C
≈ Kuroi Black
Complementare divisa +150° +210°
- 1B1211
Scandinavian Liquorice
- 0D1714
≈ Distinctive Lack of Hue
- 0E161B
≈ Black Is Back
Tetradico +90° +180° +270°
- 1B1211
Scandinavian Liquorice
- 14150E
≈ Darkness
- 0C1718
≈ Black Is Back
- 15131B
≈ Back in Black
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 18.40:1 · APCA Lc 105
Ag
FailSu nero
WCAG 1.14:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 18.40:1 (AAA) · APCA Lc 105
Contrast pairs
Frammenti di codice
CSS
:root {
--scandinavian-liquorice: #1b1211;
--scandinavian-liquorice-rgb: 27 18 17;
--scandinavian-liquorice-oklch: oklch(0.194 0.015 25.8);
}
.element {
color: var(--scandinavian-liquorice);
background-color: hsl(6 23% 9%);
border-color: oklch(0.194 0.015 25.8);
}Tailwind CSS v4
@theme {
--color-scandinavian-liquorice: #1b1211;
--color-scandinavian-liquorice-50: #f9f4f3;
--color-scandinavian-liquorice-100: #ede6e5;
--color-scandinavian-liquorice-200: #dbd2d1;
--color-scandinavian-liquorice-300: #bfb5b3;
--color-scandinavian-liquorice-400: #a79b9a;
--color-scandinavian-liquorice-500: #908381;
--color-scandinavian-liquorice-600: #7a6e6d;
--color-scandinavian-liquorice-700: #625857;
--color-scandinavian-liquorice-800: #484040;
--color-scandinavian-liquorice-900: #322c2c;
--color-scandinavian-liquorice-950: #1e1919;
}SCSS
$scandinavian-liquorice: #1b1211;
$scandinavian-liquorice-rgb: 27, 18, 17;
$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);
}