Colore con nome · #A04933
Picante
Picante è #A04933: rgb(160 73 51), hsl(12 52% 41%), oklch(0.513 0.121 35.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Picante color name →
#A04933
oklch(0.513 0.121 35.3)
Conversioni di colore
- HEX
- #a04933
- RGB
- rgb(160 73 51)
- HSL
- hsl(12 52% 41%)
- HWB
- hwb(12 20% 37%)
- OKLCH
- oklch(0.513 0.121 35.3)
- OKLab
- oklab(0.513 0.099 0.07)
- CIE Lab
- lab(42.46 35.72 31.04)
- LCH
- lch(42.46 47.32 41)
- CMYK
- cmyk(0% 54% 68% 37%)
Tinte · Ombre · Toni
Tinte
- AB5B47
- B56D5B
- C07F6E
- CA9182
- D3A396
- DDB5AA
- E6C7BF
- EEDAD4
- F7ECE9
Ombre
- 8B3E2B
- 763423
- 612A1C
- 4E2014
- 3B170D
- 290E07
- 190603
- 090201
- 010000
Toni
- 9E503C
- 9C5644
- 995C4C
- 966154
- 93675B
- 906C63
- 8D716A
- 897671
- 857B79
Armonie di colore
Complementare +180°
- A04933
Picante
- 007387
≈ Glamour Green
Analogo -30° +30°
- A04933
Picante
- 9E455D
≈ Velvet Wine
- 935700
≈ Charlie Brown
Triadico +120° +240°
- A04933
Picante
- 0F7B47
≈ Woodland Soul
- 545FAB
≈ Yuè Guāng Lán Moonlight
Complementare divisa +150° +210°
- A04933
Picante
- 00776E
≈ Mermaid Harbour
- 156CA7
≈ Bowen Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.00:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.49:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 6.00:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--picante: #a04933;
--picante-rgb: 160 73 51;
--picante-oklch: oklch(0.513 0.121 35.3);
}
.element {
color: var(--picante);
background-color: hsl(12 52% 41%);
border-color: oklch(0.513 0.121 35.3);
}Tailwind CSS v4
@theme {
--color-picante: #a04933;
--color-picante-50: #ffeadd;
--color-picante-100: #ffdbcc;
--color-picante-200: #ffc3b0;
--color-picante-300: #eea28b;
--color-picante-400: #dc836c;
--color-picante-500: #c9654c;
--color-picante-600: #aa5641;
--color-picante-700: #884533;
--color-picante-800: #663126;
--color-picante-900: #472119;
--color-picante-950: #2e100a;
}SCSS
$picante: #a04933;
$picante-rgb: 160, 73, 51;
$picante-light: mix(#fff, $picante, 20%);
$picante-dark: mix(#000, $picante, 20%);
.element {
color: $picante;
box-shadow: 0 0 0 2px rgba($picante, 0.35);
}