Colore con nome · #2A4041
Liquorice Green
Liquorice Green è #2A4041: rgb(42 64 65), hsl(183 21% 21%), oklch(0.354 0.028 199.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Liquorice Green color name →
#2A4041
oklch(0.354 0.028 199.6)
Conversioni di colore
- HEX
- #2a4041
- RGB
- rgb(42 64 65)
- HSL
- hsl(183 21% 21%)
- HWB
- hwb(183 16% 75%)
- OKLCH
- oklch(0.354 0.028 199.6)
- OKLab
- oklab(0.354 -0.026 -0.009)
- CIE Lab
- lab(25.29 -8.73 -3.54)
- LCH
- lch(25.29 9.42 202)
- CMYK
- cmyk(35% 2% 0% 75%)
Tinte · Ombre · Toni
Tinte
- 3D5152
- 506263
- 647475
- 798788
- 8E9A9A
- A4ADAE
- BAC1C2
- D0D6D6
- E8EAEA
Ombre
- 233637
- 1C2D2E
- 162425
- 101B1C
- 0A1313
- 050B0B
- 020505
- 010101
- 000000
Toni
- 324647
- 3B4C4D
- 435353
- 4C5959
- 545F60
- 5D6666
- 656C6C
- 6E7373
- 777979
Armonie di colore
Complementare +180°
- 2A4041
Liquorice Green
- 493636
≈ Noblesse Oblige
Analogo -30° +30°
- 2A4041
Liquorice Green
- 2D4039
≈ Celtic
- 2C3E47
≈ Pitch Cobalt
Triadico +120° +240°
- 2A4041
Liquorice Green
- 423745
≈ Wineshade
- 433A2B
≈ Batch Brew
Complementare divisa +150° +210°
- 2A4041
Liquorice Green
- 47363E
≈ Priceless Purple
- 48372F
≈ Americano
Tetradico +90° +180° +270°
- 2A4041
Liquorice Green
- 3B3949
≈ Martinique
- 493636
≈ Noblesse Oblige
- 3C3D2C
≈ Green 383
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.00:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.90:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.00:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--liquorice-green: #2a4041;
--liquorice-green-rgb: 42 64 65;
--liquorice-green-oklch: oklch(0.354 0.028 199.6);
}
.element {
color: var(--liquorice-green);
background-color: hsl(183 21% 21%);
border-color: oklch(0.354 0.028 199.6);
}Tailwind CSS v4
@theme {
--color-liquorice-green: #2a4041;
--color-liquorice-green-50: #edf8f8;
--color-liquorice-green-100: #deebec;
--color-liquorice-green-200: #c7d8d9;
--color-liquorice-green-300: #a8bcbd;
--color-liquorice-green-400: #8ca4a5;
--color-liquorice-green-500: #718c8d;
--color-liquorice-green-600: #607677;
--color-liquorice-green-700: #4d5f60;
--color-liquorice-green-800: #384546;
--color-liquorice-green-900: #263030;
--color-liquorice-green-950: #141c1c;
}SCSS
$liquorice-green: #2a4041;
$liquorice-green-rgb: 42, 64, 65;
$liquorice-green-light: mix(#fff, $liquorice-green, 20%);
$liquorice-green-dark: mix(#000, $liquorice-green, 20%);
.element {
color: $liquorice-green;
box-shadow: 0 0 0 2px rgba($liquorice-green, 0.35);
}