#665DEC#665DEC
#665DEC لون متوسط وعالي التشبّع من عائلة أزرق. الإضاءة النسبية 0.167؛ OKLCH L 56.9% C 0.208 H 280.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.84:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #665DEC |
|---|---|
| RGB | rgb(102, 93, 236) |
| HSL | hsl(244, 79%, 65%) |
| HSV | hsv(244, 61%, 93%) |
| CMYK | cmyk(56.8%, 60.6%, 0%, 7.5%) |
| CIE-LAB | lab(47.89, 42.95, -71.27) |
| CIE-LCH | lch(47.89, 83.21, 301.07°) |
| OKLab | oklab(56.85% 0.0372 -0.2048) |
| OKLCH | oklch(56.85% 0.208 280.3) |
| XYZ | xyz(24.5294, 16.7080, 81.2730) |
| Luminance | 0.1671 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Dark Periwinkle
#665FD1
ΔE00 3.69
Light Indigo
#6D5ACF
ΔE00 4.34
Slate Blue
#6A5ACD
ΔE00 4.49
Mediumslateblue
#7B68EE
ΔE00 4.64
Warm Blue
#4B57DB
ΔE00 4.99
Iris
#6258C4
ΔE00 5.90
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#665DEC #E3EC5D
analogous
#5D9CEC #665DEC #AD5DEC
triadic
#665DEC #EC665D #5DEC66
tetradic
#665DEC #EC5D9C #E3EC5D #5DECAD
square
#665DEC #EC5D9C #E3EC5D #5DECAD
split-complementary
#665DEC #ECAD5D #9CEC5D
monochromatic
#2016B9 #3226E6 #665DEC #9A94F2 #CDCBF9
إمكانية الوصول والتباين
On white
4.84
#665DEC on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.34
#665DEC on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #665DEC
4.84:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##665DEC | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##665DEC | 1.00 | 4.84 | 4.34 | 4.84 |
| #FFFFFF | 4.84 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.34 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.84 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0077F1
Deuteranopia (green-blind)
#006CE9
Tritanopia (blue-blind)
#17809C
Achromatopsia (no color)
#727272
وسوم التصميم والكود
CSS
--color: #665dec; /* rgb */ color: rgb(102, 93, 236); /* oklch */ color: oklch(56.9% 0.208 280.3);
Tailwind
colors: {
custom: {
50: '#9d8bf3',
500: '#665dec',
950: '#000000',
},
}SCSS
$custom: #665dec; $custom-light: #9d8bf3; $custom-dark: #000000;
JSON
{
"hex": "#665dec",
"rgb": {
"r": 102,
"g": 93,
"b": 236
},
"hsl": {
"h": 243.776,
"s": 79.006,
"l": 64.51
},
"oklch": {
"l": 0.5685,
"c": 0.20811,
"h": 280.3
},
"luminance": 0.1671
}Semantic roles & 50–950 ramp
primary
#665DEC
secondary
#E8EBBA
accent
#DB0ACE
background
#FAF8FF
surface
#F4F0FE
border
#CECBD6
text
#0F0C17
muted
#7F7D85