لون مسمّى · #B63753
Raspberry Wine
Raspberry Wine هو #B63753: rgb(182 55 83)، hsl(347 54% 46%)، oklch(0.531 0.163 11.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Raspberry Wine color name →
#B63753
oklch(0.531 0.163 11.7)
تحويلات الألوان
- HEX
- #b63753
- RGB
- rgb(182 55 83)
- HSL
- hsl(347 54% 46%)
- HWB
- hwb(347 22% 29%)
- OKLCH
- oklch(0.531 0.163 11.7)
- OKLab
- oklab(0.531 0.16 0.033)
- CIE Lab
- lab(43.76 52.99 14.32)
- LCH
- lch(43.76 54.89 15.1)
- CMYK
- cmyk(0% 70% 54% 29%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C04E63
- C96373
- D27783
- DA8A94
- E19EA5
- E8B1B7
- EFC4C8
- F5D8DA
- FAEBED
درجات داكنة
- 9E2E47
- 86263B
- 6F1E30
- 591625
- 440F1B
- 300811
- 1D0308
- 0C0102
- 020000
درجات رمادية
- B24257
- AE4B5C
- AA5360
- A55A65
- A06269
- 9A686E
- 956E72
- 8E7577
- 887A7B
تناسق الألوان
متمم +180°
- B63753
Raspberry Wine
- 007C79
≈ Navajo Turquoise
متجاور -30° +30°
- B63753
Raspberry Wine
- A73C86
≈ Wild Aster
- B44200
≈ Martian Ironcrust
ثلاثي +120° +240°
- B63753
Raspberry Wine
- 4B7C00
≈ Tropicana
- 006DC3
≈ Indigo Carmine
متمم منقسم +150° +210°
- B63753
Raspberry Wine
- 008056
≈ Irish Beauty
- 007894
≈ Celestial
رباعي +90° +180° +270°
- B63753
Raspberry Wine
- 7A6D00
≈ Sunlit Kelp Green
- 007C79
≈ Navajo Turquoise
- 605AC6
≈ Circumorbital Ring
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.73:1 · APCA Lc 78
Ag
Failعلى الأسود
WCAG 3.66:1 · APCA Lc 24
أفضل لون للنص: #FFFFFF
WCAG 5.73:1 (AA) · APCA Lc 78
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--raspberry-wine: #b63753;
--raspberry-wine-rgb: 182 55 83;
--raspberry-wine-oklch: oklch(0.531 0.163 11.7);
}
.element {
color: var(--raspberry-wine);
background-color: hsl(347 54% 46%);
border-color: oklch(0.531 0.163 11.7);
}Tailwind CSS v4
@theme {
--color-raspberry-wine: #b63753;
--color-raspberry-wine-50: #ffe3e7;
--color-raspberry-wine-100: #ffd2d8;
--color-raspberry-wine-200: #ffb7bf;
--color-raspberry-wine-300: #ff939e;
--color-raspberry-wine-400: #ee7185;
--color-raspberry-wine-500: #db4c69;
--color-raspberry-wine-600: #b9415a;
--color-raspberry-wine-700: #953447;
--color-raspberry-wine-800: #6f2436;
--color-raspberry-wine-900: #4e1825;
--color-raspberry-wine-950: #330813;
}SCSS
$raspberry-wine: #b63753;
$raspberry-wine-rgb: 182, 55, 83;
$raspberry-wine-light: mix(#fff, $raspberry-wine, 20%);
$raspberry-wine-dark: mix(#000, $raspberry-wine, 20%);
.element {
color: $raspberry-wine;
box-shadow: 0 0 0 2px rgba($raspberry-wine, 0.35);
}