أقرب لون مسمّى · #DA4A6A
#DA4A6A
أقرب لون مسمّى: Cabaret
#DA4A6A (rgb(218 74 106)، hsl(347 66% 57%)، oklch(0.616 0.18 10.9)) أقرب إلى اللون المسمّى Cabaret. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#DA4A6A
oklch(0.616 0.18 10.9)
تحويلات الألوان
- HEX
- #da4a6a
- RGB
- rgb(218 74 106)
- HSL
- hsl(347 66% 57%)
- HWB
- hwb(347 29% 15%)
- OKLCH
- oklch(0.616 0.18 10.9)
- OKLab
- oklab(0.616 0.177 0.034)
- CIE Lab
- lab(53.36 58.6 14.61)
- LCH
- lch(53.36 60.39 14)
- CMYK
- cmyk(0% 66% 51% 15%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E05F78
- E67286
- EB8595
- F097A3
- F4A8B2
- F8BAC1
- FACBD0
- FDDCE0
- FEEEEF
درجات داكنة
- BD3F5B
- A2354D
- 872A3F
- 6C2031
- 541724
- 3C0E18
- 25060D
- 110204
- 020000
درجات رمادية
- D2526C
- CA5A6F
- C26071
- BA6673
- B16B75
- A87077
- 9F757A
- 95797C
- 8B7C7E
تناسق الألوان
متمم +180°
- DA4A6A
Cabaret
- 009994
≈ Columbia
متجاور -30° +30°
- DA4A6A
Cabaret
- C850A5
≈ Krameria
- DA5417
≈ Liselotte Syrup
ثلاثي +120° +240°
- DA4A6A
Cabaret
- 609800
≈ Gecko’s Dream
- 0087EB
≈ Blue Cola
متمم منقسم +150° +210°
- DA4A6A
Cabaret
- 009D69
≈ Prairie
- 0094B4
≈ Bondi Blue
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.06:1 · APCA Lc 67
Ag
AAعلى الأسود
WCAG 5.16:1 · APCA Lc 35
أفضل لون للنص: #000000
WCAG 5.16:1 (AA) · APCA Lc 35
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cabaret: #da4a6a;
--cabaret-rgb: 218 74 106;
--cabaret-oklch: oklch(0.616 0.18 10.9);
}
.element {
color: var(--cabaret);
background-color: hsl(347 66% 57%);
border-color: oklch(0.616 0.18 10.9);
}Tailwind CSS v4
@theme {
--color-cabaret: #da4a6a;
--color-cabaret-50: #ffe1e7;
--color-cabaret-100: #ffd0d7;
--color-cabaret-200: #ffb4be;
--color-cabaret-300: #ff8e9d;
--color-cabaret-400: #f46a84;
--color-cabaret-500: #e34168;
--color-cabaret-600: #bf3959;
--color-cabaret-700: #9a2d47;
--color-cabaret-800: #731f35;
--color-cabaret-900: #511524;
--color-cabaret-950: #350513;
}SCSS
$cabaret: #da4a6a;
$cabaret-rgb: 218, 74, 106;
$cabaret-light: mix(#fff, $cabaret, 20%);
$cabaret-dark: mix(#000, $cabaret, 20%);
.element {
color: $cabaret;
box-shadow: 0 0 0 2px rgba($cabaret, 0.35);
}