Adlandırılmış renk · #C04641
Ablaze
Ablaze, #C04641: rgb(192 70 65), hsl(2 50% 50%), oklch(0.561 0.158 25.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Ablaze color name →
#C04641
oklch(0.561 0.158 25.9)
Renk dönüşümleri
- HEX
- #c04641
- RGB
- rgb(192 70 65)
- HSL
- hsl(2 50% 50%)
- HWB
- hwb(2 25% 25%)
- OKLCH
- oklch(0.561 0.158 25.9)
- OKLab
- oklab(0.561 0.142 0.069)
- CIE Lab
- lab(47.55 49.53 30.47)
- LCH
- lch(47.55 58.15 31.6)
- CMYK
- cmyk(0% 64% 66% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C95A53
- D16E66
- D88078
- DF928B
- E6A49D
- ECB6B0
- F2C8C4
- F7DBD7
- FBEDEB
Koyu tonlar
- A73C37
- 8E322E
- 762825
- 5F1E1C
- 491513
- 340D0B
- 200505
- 0E0201
- 020000
Gri tonlar
- BB4E48
- B6554F
- B05C55
- AA625C
- A46862
- 9E6D68
- 97726E
- 907774
- 887C7A
Renk uyumları
Tamamlayıcı +180°
- C04641
Ablaze
- 008490
≈ True Teal
Analog -30° +30°
- C04641
Ablaze
- B84578
≈ Valentino
- B05B00
≈ Elm Brown Red
Üçlü +120° +240°
- C04641
Ablaze
- 1F8C34
≈ Viper Green
- 486ED0
≈ Han Blue
Bölünmüş tamamlayıcı +150° +210°
- C04641
Ablaze
- 008872
≈ Industrial Turquoise
- 007EB1
≈ Capstan
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.00:1 · APCA Lc 74
Ag
FailSiyah üzerinde
WCAG 4.19:1 · APCA Lc 28
En iyi metin rengi: #FFFFFF
WCAG 5.00:1 (AA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--ablaze: #c04641;
--ablaze-rgb: 192 70 65;
--ablaze-oklch: oklch(0.561 0.158 25.9);
}
.element {
color: var(--ablaze);
background-color: hsl(2 50% 50%);
border-color: oklch(0.561 0.158 25.9);
}Tailwind CSS v4
@theme {
--color-ablaze: #c04641;
--color-ablaze-50: #ffe5dc;
--color-ablaze-100: #ffd5cb;
--color-ablaze-200: #ffbbaf;
--color-ablaze-300: #fe978a;
--color-ablaze-400: #ed756c;
--color-ablaze-500: #db524c;
--color-ablaze-600: #b94641;
--color-ablaze-700: #953833;
--color-ablaze-800: #6f2726;
--color-ablaze-900: #4e1a1a;
--color-ablaze-950: #340a0a;
}SCSS
$ablaze: #c04641;
$ablaze-rgb: 192, 70, 65;
$ablaze-light: mix(#fff, $ablaze, 20%);
$ablaze-dark: mix(#000, $ablaze, 20%);
.element {
color: $ablaze;
box-shadow: 0 0 0 2px rgba($ablaze, 0.35);
}