Adlandırılmış renk · #B8473D
Habañero Chile
Habañero Chile, #B8473D: rgb(184 71 61), hsl(5 50% 48%), oklch(0.549 0.149 28). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Habañero Chile color name →
#B8473D
oklch(0.549 0.149 28)
Renk dönüşümleri
- HEX
- #b8473d
- RGB
- rgb(184 71 61)
- HSL
- hsl(5 50% 48%)
- HWB
- hwb(5 24% 28%)
- OKLCH
- oklch(0.549 0.149 28)
- OKLab
- oklab(0.549 0.131 0.07)
- CIE Lab
- lab(46.26 46.12 30.88)
- LCH
- lch(46.26 55.5 33.8)
- CMYK
- cmyk(0% 61% 67% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C15B50
- CA6E63
- D28075
- DA9288
- E1A49B
- E8B6AF
- EFC8C2
- F5DAD6
- FAEDEB
Koyu tonlar
- A03D34
- 88322B
- 712822
- 5B1F1A
- 451612
- 310D0A
- 1E0604
- 0C0201
- 020000
Gri tonlar
- B44F45
- AF564C
- AA5C53
- A56259
- A06860
- 9A6D67
- 95726D
- 8E7773
- 877C7A
Renk uyumları
Tamamlayıcı +180°
- B8473D
Habañero Chile
- 00808E
≈ Briny
Analog -30° +30°
- B8473D
Habañero Chile
- B24571
≈ Raspberry Rose
- A85A00
≈ Raw Umber
Üçlü +120° +240°
- B8473D
Habañero Chile
- 1A883A
≈ Cold Green
- 4C6AC7
≈ Han Blue
Bölünmüş tamamlayıcı +150° +210°
- B8473D
Habañero Chile
- 008471
≈ Summer Turquoise
- 007AAF
≈ Nice Blue
Dörtlü +90° +180° +270°
- B8473D
Habañero Chile
- 6B7A00
≈ Murky Green
- 00808E
≈ Briny
- 7D5ABB
≈ Fuchsia Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.24:1 · APCA Lc 75
Ag
FailSiyah üzerinde
WCAG 4.00:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--habanero-chile: #b8473d;
--habanero-chile-rgb: 184 71 61;
--habanero-chile-oklch: oklch(0.549 0.149 28);
}
.element {
color: var(--habanero-chile);
background-color: hsl(5 50% 48%);
border-color: oklch(0.549 0.149 28);
}Tailwind CSS v4
@theme {
--color-habanero-chile: #b8473d;
--color-habanero-chile-50: #ffe6dc;
--color-habanero-chile-100: #ffd6cb;
--color-habanero-chile-200: #ffbdaf;
--color-habanero-chile-300: #fa9a8a;
--color-habanero-chile-400: #e9796c;
--color-habanero-chile-500: #d7574b;
--color-habanero-chile-600: #b54a40;
--color-habanero-chile-700: #923b33;
--color-habanero-chile-800: #6d2a26;
--color-habanero-chile-900: #4d1c19;
--color-habanero-chile-950: #320c0a;
}SCSS
$habanero-chile: #b8473d;
$habanero-chile-rgb: 184, 71, 61;
$habanero-chile-light: mix(#fff, $habanero-chile, 20%);
$habanero-chile-dark: mix(#000, $habanero-chile, 20%);
.element {
color: $habanero-chile;
box-shadow: 0 0 0 2px rgba($habanero-chile, 0.35);
}