لون مسمّى · #4C1C24
Vino Tinto
Vino Tinto هو #4C1C24: rgb(76 28 36)، hsl(350 46% 20%)، oklch(0.301 0.073 12.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Vino Tinto color name →
#4C1C24
oklch(0.301 0.073 12.3)
تحويلات الألوان
- HEX
- #4c1c24
- RGB
- rgb(76 28 36)
- HSL
- hsl(350 46% 20%)
- HWB
- hwb(350 11% 70%)
- OKLCH
- oklch(0.301 0.073 12.3)
- OKLab
- oklab(0.301 0.071 0.016)
- CIE Lab
- lab(18.13 23.79 6.57)
- LCH
- lch(18.13 24.68 15.4)
- CMYK
- cmyk(0% 63% 53% 70%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 5E3036
- 6F454A
- 815A5E
- 937073
- A48789
- B69EA0
- C8B5B7
- DACDCE
- EDE6E6
درجات داكنة
- 41171E
- 361218
- 2C0D12
- 22080C
- 180507
- 0F0204
- 060102
- 020000
- 000000
درجات رمادية
- 52262C
- 583035
- 5D3A3E
- 634347
- 684D50
- 6D5759
- 726163
- 776B6C
- 7C7676
تناسق الألوان
متمم +180°
- 4C1C24
Vino Tinto
- 003635
≈ Shrub Green
متجاور -30° +30°
- 4C1C24
Vino Tinto
- 461D38
≈ Chilli Black Red
- 4B1F0D
≈ Chocolate Rush
ثلاثي +120° +240°
- 4C1C24
Vino Tinto
- 1F3509
≈ Blind Forest
- 0E2F51
≈ Midnight Ocean
متمم منقسم +150° +210°
- 4C1C24
Vino Tinto
- 003824
≈ Off-Road Green
- 003442
≈ Nordic Noir
رباعي +90° +180° +270°
- 4C1C24
Vino Tinto
- 342F00
≈ Wasabi Nori
- 003635
≈ Shrub Green
- 292851
≈ Pāua
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 14.01:1 · APCA Lc 100
Ag
Failعلى الأسود
WCAG 1.49:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 14.01:1 (AAA) · APCA Lc 100
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--vino-tinto: #4c1c24;
--vino-tinto-rgb: 76 28 36;
--vino-tinto-oklch: oklch(0.301 0.073 12.3);
}
.element {
color: var(--vino-tinto);
background-color: hsl(350 46% 20%);
border-color: oklch(0.301 0.073 12.3);
}Tailwind CSS v4
@theme {
--color-vino-tinto: #4c1c24;
--color-vino-tinto-50: #ffedef;
--color-vino-tinto-100: #ffdfe0;
--color-vino-tinto-200: #f2c8cb;
--color-vino-tinto-300: #daa9ac;
--color-vino-tinto-400: #c68d93;
--color-vino-tinto-500: #b17279;
--color-vino-tinto-600: #956166;
--color-vino-tinto-700: #784d52;
--color-vino-tinto-800: #59383c;
--color-vino-tinto-900: #3e2629;
--color-vino-tinto-950: #271417;
}SCSS
$vino-tinto: #4c1c24;
$vino-tinto-rgb: 76, 28, 36;
$vino-tinto-light: mix(#fff, $vino-tinto, 20%);
$vino-tinto-dark: mix(#000, $vino-tinto, 20%);
.element {
color: $vino-tinto;
box-shadow: 0 0 0 2px rgba($vino-tinto, 0.35);
}