لون مسمّى · #AE2F48
Amore
Amore هو #AE2F48: rgb(174 47 72)، hsl(348 57% 43%)، oklch(0.507 0.163 14). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Amore color name →
#AE2F48
oklch(0.507 0.163 14)
تحويلات الألوان
- HEX
- #ae2f48
- RGB
- rgb(174 47 72)
- HSL
- hsl(348 57% 43%)
- HWB
- hwb(348 18% 32%)
- OKLCH
- oklch(0.507 0.163 14)
- OKLab
- oklab(0.507 0.158 0.039)
- CIE Lab
- lab(40.97 52.74 17.17)
- LCH
- lch(40.97 55.46 18)
- CMYK
- cmyk(0% 73% 59% 32%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B94859
- C35D6A
- CC727B
- D5868D
- DE9A9F
- E5AEB2
- EDC2C5
- F3D6D8
- F9EBEB
درجات داكنة
- 97273D
- 802033
- 6A1929
- 55121F
- 410C16
- 2E060D
- 1C0306
- 0B0102
- 010000
درجات رمادية
- AB3B4E
- A84553
- A44E59
- A0565E
- 9C5E64
- 98656A
- 936C6F
- 8D7375
- 877A7A
تناسق الألوان
متمم +180°
- AE2F48
Amore
- 007474
≈ Skobeloff
متجاور -30° +30°
- AE2F48
Amore
- A1347C
≈ Wild Aster
- A64100
≈ Pepperoni
ثلاثي +120° +240°
- AE2F48
Amore
- 3F7600
≈ Tropicana
- 0064BE
≈ Blue Diamond
متمم منقسم +150° +210°
- AE2F48
Amore
- 007854
≈ Victoria Peak
- 00708D
≈ Teal Tune
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.36:1 · APCA Lc 80
Ag
Failعلى الأسود
WCAG 3.29:1 · APCA Lc 21
أفضل لون للنص: #FFFFFF
WCAG 6.36:1 (AA) · APCA Lc 80
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--amore: #ae2f48;
--amore-rgb: 174 47 72;
--amore-oklch: oklch(0.507 0.163 14);
}
.element {
color: var(--amore);
background-color: hsl(348 57% 43%);
border-color: oklch(0.507 0.163 14);
}Tailwind CSS v4
@theme {
--color-amore: #ae2f48;
--color-amore-50: #ffe3e5;
--color-amore-100: #ffd2d5;
--color-amore-200: #ffb8bc;
--color-amore-300: #ff939b;
--color-amore-400: #ee7181;
--color-amore-500: #dc4c65;
--color-amore-600: #ba4255;
--color-amore-700: #953444;
--color-amore-800: #6f2533;
--color-amore-900: #4e1923;
--color-amore-950: #340812;
}SCSS
$amore: #ae2f48;
$amore-rgb: 174, 47, 72;
$amore-light: mix(#fff, $amore, 20%);
$amore-dark: mix(#000, $amore, 20%);
.element {
color: $amore;
box-shadow: 0 0 0 2px rgba($amore, 0.35);
}