لون مسمّى · #EE5851
Amour
Amour هو #EE5851: rgb(238 88 81)، hsl(3 82% 63%)، oklch(0.658 0.186 26.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Amour color name →
#EE5851
oklch(0.658 0.186 26.2)
تحويلات الألوان
- HEX
- #ee5851
- RGB
- rgb(238 88 81)
- HSL
- hsl(3 82% 63%)
- HWB
- hwb(3 32% 7%)
- OKLCH
- oklch(0.658 0.186 26.2)
- OKLab
- oklab(0.658 0.167 0.082)
- CIE Lab
- lab(58.53 58.44 36.56)
- LCH
- lch(58.53 68.93 32)
- CMYK
- cmyk(0% 63% 66% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F26C63
- F67E74
- F98F85
- FCA096
- FEB0A7
- FFC0B9
- FFD0CA
- FFE0DB
- FFEFED
درجات داكنة
- CF4B45
- B13F3A
- 93332F
- 772824
- 5C1D1A
- 421210
- 2A0907
- 140302
- 030000
درجات رمادية
- E45F57
- DA655C
- D06A61
- C56E66
- BB726B
- B0766F
- A57974
- 997B78
- 8D7E7C
تناسق الألوان
متمم +180°
- EE5851
Amour
- 00A5B4
≈ Garish Blue
متجاور -30° +30°
- EE5851
Amour
- E55695
≈ Tutuji Pink
- D97200
≈ Gold Orange
ثلاثي +120° +240°
- EE5851
Amour
- 25AE43
≈ Poison Ivy
- 5E89FF
≈ Deep Denim
متمم منقسم +150° +210°
- EE5851
Amour
- 00AA8F
≈ Shindig
- 009DDC
≈ Atmosphere
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.41:1 · APCA Lc 61
Ag
AAعلى الأسود
WCAG 6.15:1 · APCA Lc 41
أفضل لون للنص: #000000
WCAG 6.15:1 (AA) · APCA Lc 41
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--amour: #ee5851;
--amour-rgb: 238 88 81;
--amour-oklch: oklch(0.658 0.186 26.2);
}
.element {
color: var(--amour);
background-color: hsl(3 82% 63%);
border-color: oklch(0.658 0.186 26.2);
}Tailwind CSS v4
@theme {
--color-amour: #ee5851;
--color-amour-50: #ffe2d7;
--color-amour-100: #ffd1c5;
--color-amour-200: #ffb5a7;
--color-amour-300: #ff8f80;
--color-amour-400: #f96a61;
--color-amour-500: #e8403d;
--color-amour-600: #c43835;
--color-amour-700: #9d2d2a;
--color-amour-800: #761e20;
--color-amour-900: #531415;
--color-amour-950: #370407;
}SCSS
$amour: #ee5851;
$amour-rgb: 238, 88, 81;
$amour-light: mix(#fff, $amour, 20%);
$amour-dark: mix(#000, $amour, 20%);
.element {
color: $amour;
box-shadow: 0 0 0 2px rgba($amour, 0.35);
}