Adlandırılmış renk · #B6321E
Smouldering
Smouldering, #B6321E: rgb(182 50 30), hsl(8 72% 42%), oklch(0.517 0.172 31.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Smouldering color name →
#B6321E
oklch(0.517 0.172 31.6)
Renk dönüşümleri
- HEX
- #b6321e
- RGB
- rgb(182 50 30)
- HSL
- hsl(8 72% 42%)
- HWB
- hwb(8 12% 29%)
- OKLCH
- oklch(0.517 0.172 31.6)
- OKLab
- oklab(0.517 0.146 0.09)
- CIE Lab
- lab(42.42 52.84 43.94)
- LCH
- lch(42.42 68.73 39.7)
- CMYK
- cmyk(0% 73% 84% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C04B38
- C9604E
- D27564
- DA8979
- E29D8F
- E9B0A5
- EFC4BB
- F5D7D1
- FAEBE8
Koyu tonlar
- 9E2A19
- 862213
- 6F1B0E
- 591409
- 440D05
- 300703
- 1D0301
- 0C0100
- 020000
Gri tonlar
- B23E2C
- AE4837
- AA5141
- A5594B
- A06054
- 9B675D
- 956E66
- 8F746F
- 887A77
Renk uyumları
Tamamlayıcı +180°
- B6321E
Smouldering
- 007586
≈ Glamour Green
Analog -30° +30°
- B6321E
Smouldering
- B12D61
≈ Blood Thorn
- 985500
≈ Charlie Brown
Üçlü +120° +240°
- B6321E
Smouldering
- 007D3D
≈ Verdant Vale
- 475BC9
≈ Free Speech Blue
Bölünmüş tamamlayıcı +150° +210°
- B6321E
Smouldering
- 00796C
≈ Pond Moss
- 006FA7
≈ Bowen Blue
Dörtlü +90° +180° +270°
- B6321E
Smouldering
- 5D7200
≈ Topiary Green
- 007586
≈ Glamour Green
- 7B48B9
≈ Harley Hair Purple
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.06:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.46:1 · APCA Lc 23
En iyi metin rengi: #FFFFFF
WCAG 6.06:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--smouldering: #b6321e;
--smouldering-rgb: 182 50 30;
--smouldering-oklch: oklch(0.517 0.172 31.6);
}
.element {
color: var(--smouldering);
background-color: hsl(8 72% 42%);
border-color: oklch(0.517 0.172 31.6);
}Tailwind CSS v4
@theme {
--color-smouldering: #b6321e;
--color-smouldering-50: #ffe4d5;
--color-smouldering-100: #ffd4c3;
--color-smouldering-200: #ffb9a4;
--color-smouldering-300: #ff957c;
--color-smouldering-400: #f3725b;
--color-smouldering-500: #e14c35;
--color-smouldering-600: #be422e;
--color-smouldering-700: #993424;
--color-smouldering-800: #72241b;
--color-smouldering-900: #511812;
--color-smouldering-950: #350805;
}SCSS
$smouldering: #b6321e;
$smouldering-rgb: 182, 50, 30;
$smouldering-light: mix(#fff, $smouldering, 20%);
$smouldering-dark: mix(#000, $smouldering, 20%);
.element {
color: $smouldering;
box-shadow: 0 0 0 2px rgba($smouldering, 0.35);
}