#AF4EBA#AF4EBA
#AF4EBA لون متوسط وزاهٍ من عائلة purple. الإضاءة النسبية 0.181؛ OKLCH L 58.9% C 0.184 H 323.5°. أفضل لون لنص المتن هو #000000 بتباين 4.62:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AF4EBA |
|---|---|
| RGB | rgb(175, 78, 186) |
| HSL | hsl(294, 44%, 52%) |
| HSV | hsv(294, 58%, 73%) |
| CMYK | cmyk(5.9%, 58.1%, 0%, 27.1%) |
| CIE-LAB | lab(49.63, 54.75, -39.48) |
| CIE-LCH | lch(49.63, 67.50, 324.20°) |
| OKLab | oklab(58.89% 0.1478 -0.1094) |
| OKLCH | oklch(58.89% 0.184 323.5) |
| XYZ | xyz(29.2657, 18.1094, 48.3988) |
| Luminance | 0.1811 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Purpley Pink
#C83CB9
ΔE00 4.70
Mediumorchid
#BA55D3
ΔE00 4.77
Pinky Purple
#C94CBE
ΔE00 5.07
Amethyst
#9B5FC0
ΔE00 5.52
Ugly Purple
#A442A0
ΔE00 5.57
Medium Purple
#9E43A2
ΔE00 5.72
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AF4EBA #59BA4E
analogous
#794EBA #AF4EBA #BA4E8F
triadic
#AF4EBA #BAAF4E #4EBAAF
tetradic
#AF4EBA #BA794E #59BA4E #4E8FBA
square
#AF4EBA #BA794E #59BA4E #4E8FBA
split-complementary
#AF4EBA #8FBA4E #4EBA79
monochromatic
#602866 #893992 #AF4EBA #C37ACB #D7A6DC
إمكانية الوصول والتباين
On white
4.54
#AF4EBA on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.62
#AF4EBA on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #AF4EBA
4.62:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AF4EBA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AF4EBA | 1.00 | 4.54 | 4.62 | 4.62 |
| #FFFFFF | 4.54 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.62 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.62 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3C6FBD
Deuteranopia (green-blind)
#5E7AB7
Tritanopia (blue-blind)
#B25D7D
Achromatopsia (no color)
#767676
وسوم التصميم والكود
CSS
--color: #af4eba; /* rgb */ color: rgb(175, 78, 186); /* oklch */ color: oklch(58.9% 0.184 323.5);
Tailwind
colors: {
custom: {
50: '#ca85cf',
500: '#af4eba',
950: '#000000',
},
}SCSS
$custom: #af4eba; $custom-light: #ca85cf; $custom-dark: #000000;
JSON
{
"hex": "#af4eba",
"rgb": {
"r": 175,
"g": 78,
"b": 186
},
"hsl": {
"h": 293.889,
"s": 43.902,
"l": 51.765
},
"oklch": {
"l": 0.58893,
"c": 0.18389,
"h": 323.5
},
"luminance": 0.18108
}Semantic roles & 50–950 ramp
primary
#AF4EBA
secondary
#9FCA9A
accent
#D45461
background
#FCF8FC
surface
#F9F0F9
border
#D2CBD2
text
#140B14
muted
#827C82