Adlandırılmış renk · #8B5F4D
Spicy Mix
Spicy Mix, #8B5F4D: rgb(139 95 77), hsl(17 29% 42%), oklch(0.528 0.064 43.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Spicy Mix color name →
#8B5F4D
oklch(0.528 0.064 43.1)
Renk dönüşümleri
- HEX
- #8b5f4d
- RGB
- rgb(139 95 77)
- HSL
- hsl(17 29% 42%)
- HWB
- hwb(17 30% 45%)
- OKLCH
- oklch(0.528 0.064 43.1)
- OKLab
- oklab(0.528 0.047 0.044)
- CIE Lab
- lab(44.8 16.79 17.92)
- LCH
- lch(44.8 24.56 46.9)
- CMYK
- cmyk(0% 32% 45% 45%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 976E5D
- A27D6E
- AE8D7F
- B99C91
- C5ACA2
- D1BCB4
- DCCDC7
- E8DDD9
- F3EEEC
Koyu tonlar
- 785242
- 664437
- 54382C
- 432C22
- 322018
- 23150F
- 140A07
- 070302
- 010000
Gri tonlar
- 8A6252
- 896657
- 89695D
- 886D62
- 877067
- 85736C
- 847671
- 837A76
- 827D7B
Renk uyumları
Tamamlayıcı +180°
- 8B5F4D
Spicy Mix
- 3E7386
≈ Calypso
Analog -30° +30°
- 8B5F4D
Spicy Mix
- 8C5C60
≈ Rabbit Paws
- 826540
≈ Bright Umber
Üçlü +120° +240°
- 8B5F4D
Spicy Mix
- 477761
≈ Leaping Lizard
- 66668F
≈ Twilight Purple
Bölünmüş tamamlayıcı +150° +210°
- 8B5F4D
Spicy Mix
- 397775
≈ Myrtle Green
- 506D90
≈ Wickford Bay
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.46:1 · APCA Lc 77
Ag
FailSiyah üzerinde
WCAG 3.84:1 · APCA Lc 25
En iyi metin rengi: #FFFFFF
WCAG 5.46:1 (AA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--spicy-mix: #8b5f4d;
--spicy-mix-rgb: 139 95 77;
--spicy-mix-oklch: oklch(0.528 0.064 43.1);
}
.element {
color: var(--spicy-mix);
background-color: hsl(17 29% 42%);
border-color: oklch(0.528 0.064 43.1);
}Tailwind CSS v4
@theme {
--color-spicy-mix: #8b5f4d;
--color-spicy-mix-50: #fff0e6;
--color-spicy-mix-100: #fbe2d7;
--color-spicy-mix-200: #edccbe;
--color-spicy-mix-300: #d4ae9d;
--color-spicy-mix-400: #c09380;
--color-spicy-mix-500: #ab7864;
--color-spicy-mix-600: #906655;
--color-spicy-mix-700: #745244;
--color-spicy-mix-800: #563b31;
--color-spicy-mix-900: #3c2821;
--color-spicy-mix-950: #261611;
}SCSS
$spicy-mix: #8b5f4d;
$spicy-mix-rgb: 139, 95, 77;
$spicy-mix-light: mix(#fff, $spicy-mix, 20%);
$spicy-mix-dark: mix(#000, $spicy-mix, 20%);
.element {
color: $spicy-mix;
box-shadow: 0 0 0 2px rgba($spicy-mix, 0.35);
}