#CA40B5#CA40B5
#CA40B5 لون متوسط وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.196؛ OKLCH L 60.9% C 0.214 H 334.6°. أفضل لون لنص المتن هو #000000 بتباين 4.91:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CA40B5 |
|---|---|
| RGB | rgb(202, 64, 181) |
| HSL | hsl(309, 57%, 52%) |
| HSV | hsv(309, 68%, 79%) |
| CMYK | cmyk(0%, 68.3%, 10.4%, 20.8%) |
| CIE-LAB | lab(51.34, 66.52, -33.60) |
| CIE-LCH | lch(51.34, 74.53, 333.20°) |
| OKLab | oklab(60.87% 0.1934 -0.0918) |
| OKLCH | oklch(60.87% 0.214 334.6) |
| XYZ | xyz(34.5313, 19.5624, 45.6644) |
| Luminance | 0.1956 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Purpley Pink
#C83CB9
ΔE00 1.28
Pinky Purple
#C94CBE
ΔE00 2.46
Purpleish Pink
#DF4EC8
ΔE00 5.82
Pinkish Purple
#D648D7
ΔE00 5.93
Purple Pink
#D725DE
ΔE00 6.46
Purplish Pink
#CE5DAE
ΔE00 6.48
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CA40B5 #40CA55
analogous
#9A40CA #CA40B5 #CA4070
triadic
#CA40B5 #B5CA40 #40B5CA
tetradic
#CA40B5 #CA9A40 #40CA55 #4070CA
square
#CA40B5 #CA9A40 #40CA55 #4070CA
split-complementary
#CA40B5 #70CA40 #40CA9A
monochromatic
#701F64 #A02C8F #CA40B5 #D770C8 #E5A0DA
إمكانية الوصول والتباين
On white
4.28
#CA40B5 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.91
#CA40B5 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #CA40B5
4.91:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CA40B5 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CA40B5 | 1.00 | 4.28 | 4.91 | 4.91 |
| #FFFFFF | 4.28 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.91 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.91 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3F6DB8
Deuteranopia (green-blind)
#6E82B2
Tritanopia (blue-blind)
#D44B75
Achromatopsia (no color)
#7A7A7A
وسوم التصميم والكود
CSS
--color: #ca40b5; /* rgb */ color: rgb(202, 64, 181); /* oklch */ color: oklch(60.9% 0.214 334.6);
Tailwind
colors: {
custom: {
50: '#de80cb',
500: '#ca40b5',
950: '#000000',
},
}SCSS
$custom: #ca40b5; $custom-light: #de80cb; $custom-dark: #000000;
JSON
{
"hex": "#ca40b5",
"rgb": {
"r": 202,
"g": 64,
"b": 181
},
"hsl": {
"h": 309.13,
"s": 56.557,
"l": 52.157
},
"oklch": {
"l": 0.60865,
"c": 0.21407,
"h": 334.6
},
"luminance": 0.1956
}Semantic roles & 50–950 ramp
primary
#CA40B5
secondary
#95D19E
accent
#E05F48
background
#FEF8FC
surface
#FCEFF8
border
#D5CAD1
text
#160B13
muted
#847C82