#AE4C8C#AE4C8C
#AE4C8C لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.161؛ OKLCH L 56.3% C 0.148 H 343.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.99:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AE4C8C |
|---|---|
| RGB | rgb(174, 76, 140) |
| HSL | hsl(321, 39%, 49%) |
| HSV | hsv(321, 56%, 68%) |
| CMYK | cmyk(0%, 56.3%, 19.5%, 31.8%) |
| CIE-LAB | lab(47.06, 47.59, -16.31) |
| CIE-LCH | lch(47.06, 50.31, 341.08°) |
| OKLab | oklab(56.29% 0.1418 -0.0434) |
| OKLCH | oklch(56.29% 0.148 343) |
| XYZ | xyz(24.7742, 16.0631, 26.6016) |
| Luminance | 0.1606 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Light Plum
#9D5783
ΔE00 4.56
Purpleish
#98568D
ΔE00 5.04
Purplish
#94568C
ΔE00 5.85
Ugly Purple
#A442A0
ΔE00 6.87
Mediumvioletred
#C71585
ΔE00 7.03
Medium Purple
#9E43A2
ΔE00 8.07
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AE4C8C #4CAE6E
analogous
#9F4CAE #AE4C8C #AE4C5B
triadic
#AE4C8C #8CAE4C #4C8CAE
tetradic
#AE4C8C #AE9F4C #4CAE6E #4C5BAE
square
#AE4C8C #AE9F4C #4CAE6E #4C5BAE
split-complementary
#AE4C8C #5BAE4C #4CAE9F
monochromatic
#592747 #83396A #AE4C8C #C375A8 #D59FC2
إمكانية الوصول والتباين
On white
4.99
#AE4C8C on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.21
#AE4C8C on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #AE4C8C
4.99:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AE4C8C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##AE4C8C | 1.00 | 4.99 | 4.21 | 4.99 |
| #FFFFFF | 4.99 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.21 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.99 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#53658E
Deuteranopia (green-blind)
#6F768A
Tritanopia (blue-blind)
#B84C66
Achromatopsia (no color)
#707070
وسوم التصميم والكود
CSS
--color: #ae4c8c; /* rgb */ color: rgb(174, 76, 140); /* oklch */ color: oklch(56.3% 0.148 343.0);
Tailwind
colors: {
custom: {
50: '#c983ad',
500: '#ae4c8c',
950: '#000000',
},
}SCSS
$custom: #ae4c8c; $custom-light: #c983ad; $custom-dark: #000000;
JSON
{
"hex": "#ae4c8c",
"rgb": {
"r": 174,
"g": 76,
"b": 140
},
"hsl": {
"h": 320.816,
"s": 39.2,
"l": 49.02
},
"oklch": {
"l": 0.56294,
"c": 0.14834,
"h": 343
},
"luminance": 0.16061
}Semantic roles & 50–950 ramp
primary
#AE4C8C
secondary
#94C2A4
accent
#CF8259
background
#FCF8FA
surface
#F9EFF4
border
#D2CACE
text
#130B10
muted
#827C7F