Adlandırılmış renk · #73293B
Anthracite Red
Anthracite Red, #73293B: rgb(115 41 59), hsl(345 47% 31%), oklch(0.395 0.105 8.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Anthracite Red color name →
#73293B
oklch(0.395 0.105 8.4)
Renk dönüşümleri
- HEX
- #73293b
- RGB
- rgb(115 41 59)
- HSL
- hsl(345 47% 31%)
- HWB
- hwb(345 16% 55%)
- OKLCH
- oklch(0.395 0.105 8.4)
- OKLab
- oklab(0.395 0.104 0.015)
- CIE Lab
- lab(28.56 34.35 6.57)
- LCH
- lch(28.56 34.98 10.8)
- CMYK
- cmyk(0% 64% 49% 55%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 823E4C
- 91525E
- 9F6771
- AD7C84
- BB9197
- C9A6AB
- D7BCBF
- E4D2D4
- F2E8E9
Koyu tonlar
- 632232
- 541C29
- 451521
- 360F19
- 280911
- 1B0509
- 0F0204
- 050101
- 010000
Gri tonlar
- 763342
- 783C48
- 7A454F
- 7C4E56
- 7D565C
- 7E5F63
- 7F676A
- 806F72
- 807879
Renk uyumları
Tamamlayıcı +180°
- 73293B
Anthracite Red
- 00524D
≈ Myrtle Deep Green
Analog -30° +30°
- 73293B
Anthracite Red
- 692C59
≈ Velvet Mauve
- 742D16
≈ Corrosion Red
Üçlü +120° +240°
- 73293B
Anthracite Red
- 355000
≈ Navy Green
- 03497B
≈ Kolibri Blue
Bölünmüş tamamlayıcı +150° +210°
- 73293B
Anthracite Red
- 005533
≈ Permanent Green
- 004F60
≈ Raging Thunderstorm
Dörtlü +90° +180° +270°
- 73293B
Anthracite Red
- 524600
≈ Sugarloaf Brown
- 00524D
≈ Myrtle Deep Green
- 3B3E7D
≈ Jacksons Purple
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.95:1 · APCA Lc 92
Ag
FailSiyah üzerinde
WCAG 2.10:1 · APCA Lc 10
En iyi metin rengi: #FFFFFF
WCAG 9.95:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--anthracite-red: #73293b;
--anthracite-red-rgb: 115 41 59;
--anthracite-red-oklch: oklch(0.395 0.105 8.4);
}
.element {
color: var(--anthracite-red);
background-color: hsl(345 47% 31%);
border-color: oklch(0.395 0.105 8.4);
}Tailwind CSS v4
@theme {
--color-anthracite-red: #73293b;
--color-anthracite-red-50: #ffe9ee;
--color-anthracite-red-100: #ffdae0;
--color-anthracite-red-200: #fdc2ca;
--color-anthracite-red-300: #e7a1ab;
--color-anthracite-red-400: #d48492;
--color-anthracite-red-500: #c06678;
--color-anthracite-red-600: #a25766;
--color-anthracite-red-700: #824551;
--color-anthracite-red-800: #61323c;
--color-anthracite-red-900: #44222a;
--color-anthracite-red-950: #2c1117;
}SCSS
$anthracite-red: #73293b;
$anthracite-red-rgb: 115, 41, 59;
$anthracite-red-light: mix(#fff, $anthracite-red, 20%);
$anthracite-red-dark: mix(#000, $anthracite-red, 20%);
.element {
color: $anthracite-red;
box-shadow: 0 0 0 2px rgba($anthracite-red, 0.35);
}