Cor nomeada mais próxima · #A04A35
#A04A35
Cor nomeada mais próxima: Picante
#A04A35 (rgb(160 74 53), hsl(12 50% 42%), oklch(0.515 0.12 34.9)) é mais próxima da cor nomeada Picante. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#A04A35
oklch(0.515 0.12 34.9)
Conversões de cor
- HEX
- #a04a35
- RGB
- rgb(160 74 53)
- HSL
- hsl(12 50% 42%)
- HWB
- hwb(12 21% 37%)
- OKLCH
- oklch(0.515 0.12 34.9)
- OKLab
- oklab(0.515 0.098 0.068)
- CIE Lab
- lab(42.68 35.31 30.14)
- LCH
- lch(42.68 46.43 40.5)
- CMYK
- cmyk(0% 54% 67% 37%)
Tons claros · Sombras · Tons
Tons claros
- AB5C49
- B56E5C
- C0806F
- CA9183
- D3A397
- DCB5AB
- E6C7C0
- EEDAD4
- F7ECEA
Sombras
- 8B3F2D
- 763525
- 612A1D
- 4E2015
- 3B170E
- 290E08
- 190603
- 090201
- 010000
Tons
- 9E503D
- 9B5745
- 995C4D
- 966255
- 93675C
- 906C63
- 8C716B
- 897672
- 857B79
Harmonias de cor
Complementar +180°
- A04A35
Picante
- 007488
≈ Glamour Green
Análoga -30° +30°
- A04A35
Picante
- 9E465E
≈ Baby Berries
- 945700
≈ Charlie Brown
Tríade +120° +240°
- A04A35
Picante
- 167B48
≈ Woodland Soul
- 5460AB
≈ Submarine Base
Complementar dividida +150° +210°
- A04A35
Picante
- 00786E
≈ Pond Moss
- 176CA7
≈ Bowen Blue
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.95:1 · APCA Lc 79
Ag
FailSobre preto
WCAG 3.52:1 · APCA Lc 23
Melhor cor de texto: #FFFFFF
WCAG 5.95:1 (AA) · APCA Lc 79
Contrast pairs
Trechos de código
CSS
:root {
--picante: #a04a35;
--picante-rgb: 160 74 53;
--picante-oklch: oklch(0.515 0.12 34.9);
}
.element {
color: var(--picante);
background-color: hsl(12 50% 42%);
border-color: oklch(0.515 0.12 34.9);
}Tailwind CSS v4
@theme {
--color-picante: #a04a35;
--color-picante-50: #ffeadd;
--color-picante-100: #ffdbcc;
--color-picante-200: #ffc3b0;
--color-picante-300: #eda28c;
--color-picante-400: #db846d;
--color-picante-500: #c8654d;
--color-picante-600: #a95642;
--color-picante-700: #884534;
--color-picante-800: #653126;
--color-picante-900: #47211a;
--color-picante-950: #2e100a;
}SCSS
$picante: #a04a35;
$picante-rgb: 160, 74, 53;
$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);
}