#C64EBA#C64EBA
#C64EBA لون متوسط وزاهٍ من عائلة purple. الإضاءة النسبية 0.210؛ OKLCH L 62.0% C 0.197 H 331.8°. أفضل لون لنص المتن هو #000000 بتباين 5.20:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #C64EBA |
|---|---|
| RGB | rgb(198, 78, 186) |
| HSL | hsl(306, 51%, 54%) |
| HSV | hsv(306, 61%, 78%) |
| CMYK | cmyk(0%, 60.6%, 6.1%, 22.4%) |
| CIE-LAB | lab(52.95, 60.75, -34.03) |
| CIE-LCH | lch(52.95, 69.63, 330.75°) |
| OKLab | oklab(61.99% 0.1736 -0.0932) |
| OKLCH | oklch(61.99% 0.197 331.8) |
| XYZ | xyz(34.8760, 21.0022, 48.6618) |
| Luminance | 0.2100 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Pinky Purple
#C94CBE
ΔE00 0.77
Purpley Pink
#C83CB9
ΔE00 2.90
Purpleish Pink
#DF4EC8
ΔE00 4.75
Pinkish Purple
#D648D7
ΔE00 4.84
Purplish Pink
#CE5DAE
ΔE00 5.38
Mediumorchid
#BA55D3
ΔE00 5.53
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#C64EBA #4EC65A
analogous
#964EC6 #C64EBA #C64E7E
triadic
#C64EBA #BAC64E #4EBAC6
tetradic
#C64EBA #C6964E #4EC65A #4E7EC6
square
#C64EBA #C6964E #4EC65A #4E7EC6
split-complementary
#C64EBA #7EC64E #4EC696
monochromatic
#74256C #A23497 #C64EBA #D57CCC #E4ABDE
إمكانية الوصول والتباين
On white
4.04
#C64EBA on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.20
#C64EBA on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #C64EBA
5.20:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##C64EBA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C64EBA | 1.00 | 4.04 | 5.20 | 5.20 |
| #FFFFFF | 4.04 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.20 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.20 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4874BD
Deuteranopia (green-blind)
#7085B7
Tritanopia (blue-blind)
#CE597D
Achromatopsia (no color)
#7E7E7E
وسوم التصميم والكود
CSS
--color: #c64eba; /* rgb */ color: rgb(198, 78, 186); /* oklch */ color: oklch(62.0% 0.197 331.8);
Tailwind
colors: {
custom: {
50: '#da87cf',
500: '#c64eba',
950: '#000000',
},
}SCSS
$custom: #c64eba; $custom-light: #da87cf; $custom-dark: #000000;
JSON
{
"hex": "#c64eba",
"rgb": {
"r": 198,
"g": 78,
"b": 186
},
"hsl": {
"h": 306,
"s": 51.282,
"l": 54.118
},
"oklch": {
"l": 0.61993,
"c": 0.19703,
"h": 331.8
},
"luminance": 0.21
}Semantic roles & 50–950 ramp
primary
#C64EBA
secondary
#9ED1A3
accent
#DB5B4D
background
#FDF8FC
surface
#FBF0F9
border
#D4CBD2
text
#150C14
muted
#837D82