#AA3883#AA3883
#AA3883 لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.130؛ OKLCH L 52.9% C 0.169 H 344.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.83:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AA3883 |
|---|---|
| RGB | rgb(170, 56, 131) |
| HSL | hsl(321, 50%, 44%) |
| HSV | hsv(321, 67%, 67%) |
| CMYK | cmyk(0%, 67.1%, 22.9%, 33.3%) |
| CIE-LAB | lab(42.79, 54.02, -17.44) |
| CIE-LCH | lch(42.79, 56.77, 342.11°) |
| OKLab | oklab(52.9% 0.1625 -0.0465) |
| OKLCH | oklch(52.9% 0.169 344) |
| XYZ | xyz(22.0892, 13.0153, 22.8172) |
| Luminance | 0.1301 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Mediumvioletred
#C71585
ΔE00 5.21
Magenta (survey)
#C20078
ΔE00 5.80
Ugly Purple
#A442A0
ΔE00 6.64
Warm Purple
#952E8F
ΔE00 7.19
Light Eggplant
#894585
ΔE00 7.22
Light Plum
#9D5783
ΔE00 7.29
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AA3883 #38AA5F
analogous
#9838AA #AA3883 #AA384A
triadic
#AA3883 #83AA38 #3883AA
tetradic
#AA3883 #AA9838 #38AA5F #384AAA
square
#AA3883 #AA9838 #38AA5F #384AAA
split-complementary
#AA3883 #4AAA38 #38AA98
monochromatic
#4E1A3C #7C2960 #AA3883 #C857A1 #D785BB
إمكانية الوصول والتباين
On white
5.83
#AA3883 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.60
#AA3883 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #AA3883
5.83:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AA3883 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##AA3883 | 1.00 | 5.83 | 3.60 | 5.83 |
| #FFFFFF | 5.83 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.60 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.83 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#435985
Deuteranopia (green-blind)
#656C80
Tritanopia (blue-blind)
#B53758
Achromatopsia (no color)
#656565
وسوم التصميم والكود
CSS
--color: #aa3883; /* rgb */ color: rgb(170, 56, 131); /* oklch */ color: oklch(52.9% 0.169 344.0);
Tailwind
colors: {
custom: {
50: '#c777a7',
500: '#aa3883',
950: '#000000',
},
}SCSS
$custom: #aa3883; $custom-light: #c777a7; $custom-dark: #000000;
JSON
{
"hex": "#aa3883",
"rgb": {
"r": 170,
"g": 56,
"b": 131
},
"hsl": {
"h": 320.526,
"s": 50.442,
"l": 44.314
},
"oklch": {
"l": 0.52904,
"c": 0.16902,
"h": 344
},
"luminance": 0.13013
}Semantic roles & 50–950 ramp
primary
#AA3883
secondary
#7DC194
accent
#DA7E4E
background
#FCF7FA
surface
#F9EEF4
border
#D2C9CE
text
#13090F
muted
#827B7F