لون مسمّى · #EA3C53
Desire
Desire هو #EA3C53: rgb(234 60 83)، hsl(352 81% 58%)، oklch(0.624 0.209 18.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Desire color name →
#EA3C53
oklch(0.624 0.209 18.8)
تحويلات الألوان
- HEX
- #ea3c53
- RGB
- rgb(234 60 83)
- HSL
- hsl(352 81% 58%)
- HWB
- hwb(352 24% 8%)
- OKLCH
- oklch(0.624 0.209 18.8)
- OKLab
- oklab(0.624 0.198 0.067)
- CIE Lab
- lab(54.1 67.15 29.91)
- LCH
- lch(54.1 73.51 24)
- CMYK
- cmyk(0% 74% 65% 8%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EF5664
- F46C74
- F88085
- FB9396
- FEA6A7
- FFB8B8
- FFCACA
- FFDCDB
- FFEDED
درجات داكنة
- CB3347
- AE2A3B
- 912130
- 751925
- 5A111B
- 410A11
- 290408
- 130102
- 030000
درجات رمادية
- E14958
- D8535D
- CE5B62
- C46266
- BA696B
- B06E6F
- A57374
- 997878
- 8D7C7C
تناسق الألوان
متمم +180°
- EA3C53
Desire
- 009A9F
≈ Riviera Paradise
متجاور -30° +30°
- EA3C53
Desire
- DB409B
≈ Prunus Avium
- D46100
≈ Exuberance
ثلاثي +120° +240°
- EA3C53
Desire
- 3BA100
≈ Grassy Green
- 2C81FF
≈ Ceruleite
متمم منقسم +150° +210°
- EA3C53
Desire
- 009F7A
≈ Holly Green
- 0094C2
≈ Surf Rider
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.98:1 · APCA Lc 66
Ag
AAعلى الأسود
WCAG 5.26:1 · APCA Lc 36
أفضل لون للنص: #000000
WCAG 5.26:1 (AA) · APCA Lc 36
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--desire: #ea3c53;
--desire-rgb: 234 60 83;
--desire-oklch: oklch(0.624 0.209 18.8);
}
.element {
color: var(--desire);
background-color: hsl(352 81% 58%);
border-color: oklch(0.624 0.209 18.8);
}Tailwind CSS v4
@theme {
--color-desire: #ea3c53;
--color-desire-50: #ffdedc;
--color-desire-100: #ffccca;
--color-desire-200: #ffafae;
--color-desire-300: #ff8789;
--color-desire-400: #ff5e6c;
--color-desire-500: #f1284c;
--color-desire-600: #cb2641;
--color-desire-700: #a41f34;
--color-desire-800: #7a1327;
--color-desire-900: #560d1a;
--color-desire-950: #3a000b;
}SCSS
$desire: #ea3c53;
$desire-rgb: 234, 60, 83;
$desire-light: mix(#fff, $desire, 20%);
$desire-dark: mix(#000, $desire, 20%);
.element {
color: $desire;
box-shadow: 0 0 0 2px rgba($desire, 0.35);
}