لون مسمّى · #85393D
Ruby Wine
Ruby Wine هو #85393D: rgb(133 57 61)، hsl(357 40% 37%)، oklch(0.448 0.105 19.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Brown mean? → · Ruby Wine color name →
#85393D
oklch(0.448 0.105 19.1)
تحويلات الألوان
- HEX
- #85393d
- RGB
- rgb(133 57 61)
- HSL
- hsl(357 40% 37%)
- HWB
- hwb(357 22% 48%)
- OKLCH
- oklch(0.448 0.105 19.1)
- OKLab
- oklab(0.448 0.099 0.034)
- CIE Lab
- lab(34.87 33.58 14.45)
- LCH
- lch(34.87 36.55 23.3)
- CMYK
- cmyk(0% 57% 54% 48%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 924C4E
- 9F5F60
- AC7273
- B98686
- C59999
- D1ADAC
- DDC1C1
- E8D5D5
- F4EAEA
درجات داكنة
- 733034
- 61282B
- 501F22
- 40171A
- 301012
- 21090A
- 130404
- 060101
- 010000
درجات رمادية
- 864144
- 86494A
- 865051
- 865757
- 865E5E
- 856565
- 846C6B
- 837372
- 827979
تناسق الألوان
متمم +180°
- 85393D
Ruby Wine
- 006165
≈ Beau Vert
متجاور -30° +30°
- 85393D
Ruby Wine
- 7E395E
≈ Pleasure
- 824016
≈ Gryphonne Sepia Wash
ثلاثي +120° +240°
- 85393D
Ruby Wine
- 336225
≈ Gameboy Shade
- 2F548E
≈ Flashy Sapphire
متمم منقسم +150° +210°
- 85393D
Ruby Wine
- 00644C
≈ Green Paw Paw
- 005D7C
≈ Blue Edge
رباعي +90° +180° +270°
- 85393D
Ruby Wine
- 595800
≈ Douro
- 006165
≈ Beau Vert
- 54498A
≈ Gigas
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.92:1 · APCA Lc 87
Ag
Failعلى الأسود
WCAG 2.64:1 · APCA Lc 15
أفضل لون للنص: #FFFFFF
WCAG 7.92:1 (AAA) · APCA Lc 87
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--ruby-wine: #85393d;
--ruby-wine-rgb: 133 57 61;
--ruby-wine-oklch: oklch(0.448 0.105 19.1);
}
.element {
color: var(--ruby-wine);
background-color: hsl(357 40% 37%);
border-color: oklch(0.448 0.105 19.1);
}Tailwind CSS v4
@theme {
--color-ruby-wine: #85393d;
--color-ruby-wine-50: #ffeae8;
--color-ruby-wine-100: #ffdbd9;
--color-ruby-wine-200: #fec3c1;
--color-ruby-wine-300: #e8a2a0;
--color-ruby-wine-400: #d58586;
--color-ruby-wine-500: #c2676a;
--color-ruby-wine-600: #a4585a;
--color-ruby-wine-700: #834648;
--color-ruby-wine-800: #613235;
--color-ruby-wine-900: #442224;
--color-ruby-wine-950: #2c1113;
}SCSS
$ruby-wine: #85393d;
$ruby-wine-rgb: 133, 57, 61;
$ruby-wine-light: mix(#fff, $ruby-wine, 20%);
$ruby-wine-dark: mix(#000, $ruby-wine, 20%);
.element {
color: $ruby-wine;
box-shadow: 0 0 0 2px rgba($ruby-wine, 0.35);
}