Adlandırılmış renk · #86613F
Spice Bazaar
Spice Bazaar, #86613F: rgb(134 97 63), hsl(29 36% 39%), oklch(0.523 0.068 63). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Spice Bazaar color name →
#86613F
oklch(0.523 0.068 63)
Renk dönüşümleri
- HEX
- #86613f
- RGB
- rgb(134 97 63)
- HSL
- hsl(29 36% 39%)
- HWB
- hwb(29 25% 47%)
- OKLCH
- oklch(0.523 0.068 63)
- OKLab
- oklab(0.523 0.031 0.061)
- CIE Lab
- lab(44.48 12.38 25.5)
- LCH
- lch(44.48 28.35 64.1)
- CMYK
- cmyk(0% 28% 53% 47%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 927051
- 9E7F64
- AA8E76
- B69E89
- C2AD9C
- CEBDAF
- DACDC3
- E6DED6
- F3EEEB
Koyu tonlar
- 745335
- 62462C
- 513923
- 402D1B
- 302112
- 21150A
- 130B04
- 060301
- 010000
Gri tonlar
- 866446
- 85674D
- 856B53
- 846E5A
- 847160
- 837467
- 82776D
- 827A73
- 817D7A
Renk uyumları
Tamamlayıcı +180°
- 86613F
Spice Bazaar
- 456E8E
≈ Sailor’s Bay
Analog -30° +30°
- 86613F
Spice Bazaar
- 8D5B50
≈ Red Curry
- 77693A
≈ Racoon Eyes
Üçlü +120° +240°
- 86613F
Spice Bazaar
- 36776D
≈ Green Sleeves
- 72608B
≈ Super Violet
Bölünmüş tamamlayıcı +150° +210°
- 86613F
Spice Bazaar
- 347481
≈ Oceanic Metropolis
- 5D6792
≈ UCLA Blue
Dörtlü +90° +180° +270°
- 86613F
Spice Bazaar
- 4A7557
≈ Como
- 456E8E
≈ Sailor’s Bay
- 825B7B
≈ Trendy Pink
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.53:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.79:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.53:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--spice-bazaar: #86613f;
--spice-bazaar-rgb: 134 97 63;
--spice-bazaar-oklch: oklch(0.523 0.068 63);
}
.element {
color: var(--spice-bazaar);
background-color: hsl(29 36% 39%);
border-color: oklch(0.523 0.068 63);
}Tailwind CSS v4
@theme {
--color-spice-bazaar: #86613f;
--color-spice-bazaar-50: #fff2e1;
--color-spice-bazaar-100: #f9e4d1;
--color-spice-bazaar-200: #e9cfb6;
--color-spice-bazaar-300: #d0b193;
--color-spice-bazaar-400: #bc9674;
--color-spice-bazaar-500: #a77c56;
--color-spice-bazaar-600: #8d6949;
--color-spice-bazaar-700: #71543a;
--color-spice-bazaar-800: #543d2a;
--color-spice-bazaar-900: #3a2a1c;
--color-spice-bazaar-950: #24170c;
}SCSS
$spice-bazaar: #86613f;
$spice-bazaar-rgb: 134, 97, 63;
$spice-bazaar-light: mix(#fff, $spice-bazaar, 20%);
$spice-bazaar-dark: mix(#000, $spice-bazaar, 20%);
.element {
color: $spice-bazaar;
box-shadow: 0 0 0 2px rgba($spice-bazaar, 0.35);
}