En yakın adlandırılmış renk · #B8593A
#B8593A
En yakın adlandırılmış renk: Hot Chilli
#B8593A (rgb(184 89 58), hsl(15 52% 47%), oklch(0.574 0.131 38.6)) en çok Hot Chilli adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#B8593A
oklch(0.574 0.131 38.6)
Renk dönüşümleri
- HEX
- #b8593a
- RGB
- rgb(184 89 58)
- HSL
- hsl(15 52% 47%)
- HWB
- hwb(15 23% 28%)
- OKLCH
- oklch(0.574 0.131 38.6)
- OKLab
- oklab(0.574 0.103 0.082)
- CIE Lab
- lab(49.6 37.58 36.37)
- LCH
- lch(49.6 52.3 44.1)
- CMYK
- cmyk(0% 52% 68% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C16A4E
- C97B61
- D18B75
- D89B88
- E0AC9B
- E7BCAF
- EDCDC2
- F3DDD6
- F9EEEB
Koyu tonlar
- A04C31
- 884028
- 713420
- 5B2818
- 451D10
- 311309
- 1E0904
- 0C0301
- 020000
Gri tonlar
- B35E42
- AE634A
- A96752
- A46B59
- 9F6F60
- 997366
- 93766D
- 8D7A73
- 877D7A
Renk uyumları
Tamamlayıcı +180°
- B8593A
Hot Chilli
- 0087A2
≈ Gogo Blue
Analog -30° +30°
- B8593A
Hot Chilli
- B75369
≈ Tulip Red
- A86800
≈ Butter Fudge
Üçlü +120° +240°
- B8593A
Hot Chilli
- 088F5B
≈ Emerald Isle
- 696EC4
≈ Purple Toolbox
Bölünmüş tamamlayıcı +150° +210°
- B8593A
Hot Chilli
- 008B84
≈ Clear Turquoise
- 2D7DC2
≈ Amalfi Coast
Dörtlü +90° +180° +270°
- B8593A
Hot Chilli
- 618726
≈ Weeping Fig
- 0087A2
≈ Gogo Blue
- 8F61B3
≈ Lusty Lavender
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.63:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.52:1 · APCA Lc 30
En iyi metin rengi: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--hot-chilli: #b8593a;
--hot-chilli-rgb: 184 89 58;
--hot-chilli-oklch: oklch(0.574 0.131 38.6);
}
.element {
color: var(--hot-chilli);
background-color: hsl(15 52% 47%);
border-color: oklch(0.574 0.131 38.6);
}Tailwind CSS v4
@theme {
--color-hot-chilli: #b8593a;
--color-hot-chilli-50: #ffead9;
--color-hot-chilli-100: #ffdac7;
--color-hot-chilli-200: #ffc2aa;
--color-hot-chilli-300: #f1a083;
--color-hot-chilli-400: #e08163;
--color-hot-chilli-500: #cd623f;
--color-hot-chilli-600: #ad5437;
--color-hot-chilli-700: #8b432b;
--color-hot-chilli-800: #682f20;
--color-hot-chilli-900: #492015;
--color-hot-chilli-950: #300f07;
}SCSS
$hot-chilli: #b8593a;
$hot-chilli-rgb: 184, 89, 58;
$hot-chilli-light: mix(#fff, $hot-chilli, 20%);
$hot-chilli-dark: mix(#000, $hot-chilli, 20%);
.element {
color: $hot-chilli;
box-shadow: 0 0 0 2px rgba($hot-chilli, 0.35);
}