أقرب لون مسمّى · #E51149
#E51149
أقرب لون مسمّى: Cherry Velvet
#E51149 (rgb(229 17 73)، hsl(344 86% 48%)، oklch(0.589 0.23 16.9)) أقرب إلى اللون المسمّى Cherry Velvet. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#E51149
oklch(0.589 0.23 16.9)
تحويلات الألوان
- HEX
- #e51149
- RGB
- rgb(229 17 73)
- HSL
- hsl(344 86% 48%)
- HWB
- hwb(344 7% 10%)
- OKLCH
- oklch(0.589 0.23 16.9)
- OKLab
- oklab(0.589 0.22 0.067)
- CIE Lab
- lab(49.78 74.25 30.39)
- LCH
- lch(49.78 80.23 22.3)
- CMYK
- cmyk(0% 93% 68% 10%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EB3F5B
- F15B6C
- F6737E
- FA8890
- FD9DA2
- FFB1B4
- FFC5C6
- FFD8D9
- FFECEC
درجات داكنة
- C70D3E
- AA0934
- 8E062A
- 720420
- 580217
- 3F010E
- 280006
- 120002
- 030000
درجات رمادية
- DD2F4F
- D44055
- CB4C5B
- C25760
- B96066
- AF676B
- A46E70
- 997576
- 8D7B7B
تناسق الألوان
متمم +180°
- E51149
Cherry Velvet
- 008F91
≈ Forever Teal
متجاور -30° +30°
- E51149
Cherry Velvet
- D42297
≈ Indian Lake
- C75600
≈ Rust Orange
ثلاثي +120° +240°
- E51149
Cherry Velvet
- 429300
≈ Pistachio Flour
- 0077F4
≈ Blue Darknut
متمم منقسم +150° +210°
- E51149
Cherry Velvet
- 00936D
≈ Viridian
- 0089B1
≈ Stomy Shower
رباعي +90° +180° +270°
- E51149
Cherry Velvet
- 868100
≈ Drably Olive
- 008F91
≈ Forever Teal
- 7B58FB
≈ Venetian Nights
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.65:1 · APCA Lc 70
Ag
AAعلى الأسود
WCAG 4.50:1 · APCA Lc 32
أفضل لون للنص: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 70
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cherry-velvet: #e51149;
--cherry-velvet-rgb: 229 17 73;
--cherry-velvet-oklch: oklch(0.589 0.23 16.9);
}
.element {
color: var(--cherry-velvet);
background-color: hsl(344 86% 48%);
border-color: oklch(0.589 0.23 16.9);
}Tailwind CSS v4
@theme {
--color-cherry-velvet: #e51149;
--color-cherry-velvet-50: #ffdbdb;
--color-cherry-velvet-100: #ffc9ca;
--color-cherry-velvet-200: #ffaaad;
--color-cherry-velvet-300: #ff7f88;
--color-cherry-velvet-400: #ff526c;
--color-cherry-velvet-500: #f9004c;
--color-cherry-velvet-600: #d20441;
--color-cherry-velvet-700: #a90833;
--color-cherry-velvet-800: #7f0328;
--color-cherry-velvet-900: #5a041a;
--color-cherry-velvet-950: #3c000b;
}SCSS
$cherry-velvet: #e51149;
$cherry-velvet-rgb: 229, 17, 73;
$cherry-velvet-light: mix(#fff, $cherry-velvet, 20%);
$cherry-velvet-dark: mix(#000, $cherry-velvet, 20%);
.element {
color: $cherry-velvet;
box-shadow: 0 0 0 2px rgba($cherry-velvet, 0.35);
}