Cor nomeada mais próxima · #9B4634
#9B4634
Cor nomeada mais próxima: Picante
#9B4634 (rgb(155 70 52), hsl(10 50% 41%), oklch(0.501 0.118 33.4)) é mais próxima da cor nomeada Picante. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#9B4634
oklch(0.501 0.118 33.4)
Conversões de cor
- HEX
- #9b4634
- RGB
- rgb(155 70 52)
- HSL
- hsl(10 50% 41%)
- HWB
- hwb(10 20% 39%)
- OKLCH
- oklch(0.501 0.118 33.4)
- OKLab
- oklab(0.501 0.098 0.065)
- CIE Lab
- lab(41.04 35.27 28.58)
- LCH
- lch(41.04 45.4 39)
- CMYK
- cmyk(0% 55% 66% 39%)
Tons claros · Sombras · Tons
Tons claros
- A65847
- B16B5B
- BC7D6E
- C68F82
- D1A196
- DAB4AA
- E4C6BF
- EDD9D4
- F6ECE9
Sombras
- 863C2C
- 723224
- 5E281C
- 4B1E15
- 39150E
- 280D07
- 180503
- 090201
- 010000
Tons
- 994D3C
- 985344
- 965A4C
- 935F54
- 91655B
- 8E6B63
- 8B706A
- 887671
- 847B79
Harmonias de cor
Complementar +180°
- 9B4634
Picante
- 007081
≈ Caribbean Dream
Análoga -30° +30°
- 9B4634
Picante
- 98425C
≈ Velvet Wine
- 8F5200
≈ Plain Old Brown
Tríade +120° +240°
- 9B4634
Picante
- 187642
≈ Succulents
- 4F5CA6
≈ Purple Frenzy
Complementar dividida +150° +210°
- 9B4634
Picante
- 007469
≈ Hawk Turquoise
- 0C69A1
≈ Jazz Blue
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.32:1 · APCA Lc 81
Ag
FailSobre preto
WCAG 3.31:1 · APCA Lc 21
Melhor cor de texto: #FFFFFF
WCAG 6.32:1 (AA) · APCA Lc 81
Contrast pairs
Trechos de código
CSS
:root {
--picante: #9b4634;
--picante-rgb: 155 70 52;
--picante-oklch: oklch(0.501 0.118 33.4);
}
.element {
color: var(--picante);
background-color: hsl(10 50% 41%);
border-color: oklch(0.501 0.118 33.4);
}Tailwind CSS v4
@theme {
--color-picante: #9b4634;
--color-picante-50: #ffeadf;
--color-picante-100: #ffdbcd;
--color-picante-200: #ffc3b2;
--color-picante-300: #eda28e;
--color-picante-400: #db8470;
--color-picante-500: #c86650;
--color-picante-600: #a95645;
--color-picante-700: #884537;
--color-picante-800: #653128;
--color-picante-900: #47211b;
--color-picante-950: #2e100b;
}SCSS
$picante: #9b4634;
$picante-rgb: 155, 70, 52;
$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);
}