#CA3ACA#CA3ACA
#CA3ACA لون متوسط وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.198؛ OKLCH L 61.4% C 0.236 H 328.0°. أفضل لون لنص المتن هو #000000 بتباين 4.97:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CA3ACA |
|---|---|
| RGB | rgb(202, 58, 202) |
| HSL | hsl(300, 58%, 51%) |
| HSV | hsv(300, 71%, 79%) |
| CMYK | cmyk(0%, 71.3%, 0%, 20.8%) |
| CIE-LAB | lab(51.67, 71.86, -45.25) |
| CIE-LCH | lch(51.67, 84.92, 327.80°) |
| OKLab | oklab(61.44% 0.2005 -0.1253) |
| OKLCH | oklch(61.44% 0.236 328) |
| XYZ | xyz(36.5304, 19.8496, 57.7730) |
| Luminance | 0.1985 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Purpley Pink
#C83CB9
ΔE00 2.80
Purple Pink
#D725DE
ΔE00 3.15
Pinky Purple
#C94CBE
ΔE00 3.49
Pinkish Purple
#D648D7
ΔE00 4.11
Mediumorchid
#BA55D3
ΔE00 4.74
Fuchsia (survey)
#ED0DD9
ΔE00 5.35
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CA3ACA #3ACA3A
analogous
#823ACA #CA3ACA #CA3A82
triadic
#CA3ACA #CACA3A #3ACACA
tetradic
#CA3ACA #CA823A #3ACA3A #3A82CA
square
#CA3ACA #CA823A #3ACA3A #3A82CA
split-complementary
#CA3ACA #82CA3A #3ACA82
monochromatic
#6C1D6C #9D2A9D #CA3ACA #D76AD7 #E49AE4
إمكانية الوصول والتباين
On white
4.23
#CA3ACA on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.97
#CA3ACA on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #CA3ACA
4.97:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CA3ACA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CA3ACA | 1.00 | 4.23 | 4.97 | 4.97 |
| #FFFFFF | 4.23 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.97 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.97 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#1F6FCE
Deuteranopia (green-blind)
#6182C6
Tritanopia (blue-blind)
#D0507F
Achromatopsia (no color)
#7B7B7B
وسوم التصميم والكود
CSS
--color: #ca3aca; /* rgb */ color: rgb(202, 58, 202); /* oklch */ color: oklch(61.4% 0.236 328.0);
Tailwind
colors: {
custom: {
50: '#de7edb',
500: '#ca3aca',
950: '#000000',
},
}SCSS
$custom: #ca3aca; $custom-light: #de7edb; $custom-dark: #000000;
JSON
{
"hex": "#ca3aca",
"rgb": {
"r": 202,
"g": 58,
"b": 202
},
"hsl": {
"h": 300,
"s": 57.6,
"l": 50.98
},
"oklch": {
"l": 0.61444,
"c": 0.23643,
"h": 328
},
"luminance": 0.19847
}Semantic roles & 50–950 ramp
primary
#CA3ACA
secondary
#90D090
accent
#E14747
background
#FEF8FD
surface
#FCEFFB
border
#D5CAD4
text
#160B15
muted
#847C83