Colore con nome più vicino · #A02E15
#A02E15
Colore con nome più vicino: Tabasco
#A02E15 (rgb(160 46 21), hsl(11 77% 35%), oklch(0.474 0.154 33.7)) è più vicino al colore con nome Tabasco. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#A02E15
oklch(0.474 0.154 33.7)
Conversioni di colore
- HEX
- #a02e15
- RGB
- rgb(160 46 21)
- HSL
- hsl(11 77% 35%)
- HWB
- hwb(11 8% 37%)
- OKLCH
- oklch(0.474 0.154 33.7)
- OKLab
- oklab(0.474 0.128 0.086)
- CIE Lab
- lab(37.53 46.8 42.28)
- LCH
- lch(37.53 63.07 42.1)
- CMYK
- cmyk(0% 71% 87% 37%)
Tinte · Ombre · Toni
Tinte
- AC4630
- B75B47
- C2705D
- CC8474
- D6988A
- DFADA1
- E8C1B8
- F0D6CF
- F8EAE7
Ombre
- 8B2711
- 761F0C
- 611808
- 4E1205
- 3B0B03
- 290602
- 190201
- 090100
- 010000
Toni
- 9E3A24
- 9D4430
- 9A4D3B
- 985546
- 955D50
- 92645A
- 8E6C63
- 8A736D
- 857976
Armonie di colore
Complementare +180°
- A02E15
Tabasco
- 006778
≈ Bankson Lake
Analogo -30° +30°
- A02E15
Tabasco
- 9D2952
≈ Cherries Jubilee
- 854C00
≈ Dried Mustard
Triadico +120° +240°
Complementare divisa +150° +210°
- A02E15
Tabasco
- 006B61
≈ Fashion Blue
- 006197
≈ Atlantic Mystique
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.25:1 · APCA Lc 84
Ag
FailSu nero
WCAG 2.89:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 7.25:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--tabasco: #a02e15;
--tabasco-rgb: 160 46 21;
--tabasco-oklch: oklch(0.474 0.154 33.7);
}
.element {
color: var(--tabasco);
background-color: hsl(11 77% 35%);
border-color: oklch(0.474 0.154 33.7);
}Tailwind CSS v4
@theme {
--color-tabasco: #a02e15;
--color-tabasco-50: #ffe6d7;
--color-tabasco-100: #ffd6c5;
--color-tabasco-200: #ffbda7;
--color-tabasco-300: #fb9a80;
--color-tabasco-400: #eb795f;
--color-tabasco-500: #d9563b;
--color-tabasco-600: #b74a33;
--color-tabasco-700: #933b28;
--color-tabasco-800: #6e291e;
--color-tabasco-900: #4d1c13;
--color-tabasco-950: #330b06;
}SCSS
$tabasco: #a02e15;
$tabasco-rgb: 160, 46, 21;
$tabasco-light: mix(#fff, $tabasco, 20%);
$tabasco-dark: mix(#000, $tabasco, 20%);
.element {
color: $tabasco;
box-shadow: 0 0 0 2px rgba($tabasco, 0.35);
}