Warna bernama terdekat · #9B4634
#9B4634
Warna bernama terdekat: Picante
#9B4634 (rgb(155 70 52), hsl(10 50% 41%), oklch(0.501 0.118 33.4)) paling mendekati warna bernama Picante. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#9B4634
oklch(0.501 0.118 33.4)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- A65847
- B16B5B
- BC7D6E
- C68F82
- D1A196
- DAB4AA
- E4C6BF
- EDD9D4
- F6ECE9
Shade
- 863C2C
- 723224
- 5E281C
- 4B1E15
- 39150E
- 280D07
- 180503
- 090201
- 010000
Tone
- 994D3C
- 985344
- 965A4C
- 935F54
- 91655B
- 8E6B63
- 8B706A
- 887671
- 847B79
Harmoni warna
Komplementer +180°
- 9B4634
Picante
- 007081
≈ Caribbean Dream
Analog -30° +30°
- 9B4634
Picante
- 98425C
≈ Velvet Wine
- 8F5200
≈ Plain Old Brown
Triadik +120° +240°
- 9B4634
Picante
- 187642
≈ Succulents
- 4F5CA6
≈ Purple Frenzy
Split-komplementer +150° +210°
- 9B4634
Picante
- 007469
≈ Hawk Turquoise
- 0C69A1
≈ Jazz Blue
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 6.32:1 · APCA Lc 81
Ag
FailDi atas hitam
WCAG 3.31:1 · APCA Lc 21
Warna teks terbaik: #FFFFFF
WCAG 6.32:1 (AA) · APCA Lc 81
Contrast pairs
Cuplikan kode
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);
}