En yakın adlandırılmış renk · #B8593B
#B8593B
En yakın adlandırılmış renk: Hot Chilli
#B8593B (rgb(184 89 59), hsl(14 51% 48%), oklch(0.575 0.131 38.1)) 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.
#B8593B
oklch(0.575 0.131 38.1)
Renk dönüşümleri
- HEX
- #b8593b
- RGB
- rgb(184 89 59)
- HSL
- hsl(14 51% 48%)
- HWB
- hwb(14 23% 28%)
- OKLCH
- oklch(0.575 0.131 38.1)
- OKLab
- oklab(0.575 0.103 0.081)
- CIE Lab
- lab(49.61 37.62 35.83)
- LCH
- lch(49.61 51.95 43.6)
- CMYK
- cmyk(0% 52% 68% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C16A4F
- C97B62
- D18B75
- D89B88
- E0AC9C
- E7BCAF
- EDCDC3
- F3DDD7
- F9EEEB
Koyu tonlar
- A04C32
- 884029
- 713421
- 5B2819
- 451D11
- 311309
- 1E0904
- 0C0301
- 020000
Gri tonlar
- B35E43
- AE634B
- A96752
- A46B59
- 9F6F60
- 997367
- 93766D
- 8D7A74
- 877D7A
Renk uyumları
Tamamlayıcı +180°
- B8593B
Hot Chilli
- 0087A1
≈ Gogo Blue
Analog -30° +30°
- B8593B
Hot Chilli
- B7536A
≈ Tulip Red
- A86800
≈ Butter Fudge
Üçlü +120° +240°
- B8593B
Hot Chilli
- 0E8F5A
≈ Emerald Isle
- 686FC4
≈ Purple Toolbox
Bölünmüş tamamlayıcı +150° +210°
- B8593B
Hot Chilli
- 008B84
≈ Clear Turquoise
- 2C7DC2
≈ Amalfi Coast
Dörtlü +90° +180° +270°
- B8593B
Hot Chilli
- 628725
≈ Weeping Fig
- 0087A1
≈ Gogo Blue
- 8E61B3
≈ Lusty Lavender
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.63:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.53: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: #b8593b;
--hot-chilli-rgb: 184 89 59;
--hot-chilli-oklch: oklch(0.575 0.131 38.1);
}
.element {
color: var(--hot-chilli);
background-color: hsl(14 51% 48%);
border-color: oklch(0.575 0.131 38.1);
}Tailwind CSS v4
@theme {
--color-hot-chilli: #b8593b;
--color-hot-chilli-50: #ffe9d9;
--color-hot-chilli-100: #ffdac7;
--color-hot-chilli-200: #ffc2aa;
--color-hot-chilli-300: #f1a084;
--color-hot-chilli-400: #e08164;
--color-hot-chilli-500: #cd6241;
--color-hot-chilli-600: #ad5438;
--color-hot-chilli-700: #8b432c;
--color-hot-chilli-800: #682f20;
--color-hot-chilli-900: #492015;
--color-hot-chilli-950: #300f07;
}SCSS
$hot-chilli: #b8593b;
$hot-chilli-rgb: 184, 89, 59;
$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);
}