Nazwany kolor · #A04933
Picante
Picante to #A04933: rgb(160 73 51), hsl(12 52% 41%), oklch(0.513 0.121 35.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Picante color name →
#A04933
oklch(0.513 0.121 35.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AB5B47
- B56D5B
- C07F6E
- CA9182
- D3A396
- DDB5AA
- E6C7BF
- EEDAD4
- F7ECE9
Odcienie ciemniejsze
- 8B3E2B
- 763423
- 612A1C
- 4E2014
- 3B170D
- 290E07
- 190603
- 090201
- 010000
Tony
- 9E503C
- 9C5644
- 995C4C
- 966154
- 93675B
- 906C63
- 8D716A
- 897671
- 857B79
Harmonie kolorów
Komplementarna +180°
- A04933
Picante
- 007387
≈ Glamour Green
Analogowa -30° +30°
- A04933
Picante
- 9E455D
≈ Velvet Wine
- 935700
≈ Charlie Brown
Triada +120° +240°
- A04933
Picante
- 0F7B47
≈ Woodland Soul
- 545FAB
≈ Yuè Guāng Lán Moonlight
Komplementarna rozszczepiona +150° +210°
- A04933
Picante
- 00776E
≈ Mermaid Harbour
- 156CA7
≈ Bowen Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.00:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.49:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.00:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
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);
}