#625DED#625DED
#625DED لون متوسط وعالي التشبّع من عائلة أزرق. الإضاءة النسبية 0.165؛ OKLCH L 56.6% C 0.210 H 278.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.87:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #625DED |
|---|---|
| RGB | rgb(98, 93, 237) |
| HSL | hsl(242, 80%, 65%) |
| HSV | hsv(242, 61%, 93%) |
| CMYK | cmyk(58.6%, 60.8%, 0%, 7.1%) |
| CIE-LAB | lab(47.67, 42.60, -72.20) |
| CIE-LCH | lch(47.67, 83.83, 300.54°) |
| OKLab | oklab(56.64% 0.0323 -0.2076) |
| OKLCH | oklch(56.64% 0.21 278.9) |
| XYZ | xyz(24.2325, 16.5380, 82.0195) |
| Luminance | 0.1654 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Dark Periwinkle
#665FD1
ΔE00 3.80
Warm Blue
#4B57DB
ΔE00 4.60
Light Indigo
#6D5ACF
ΔE00 4.63
Slate Blue
#6A5ACD
ΔE00 4.71
Mediumslateblue
#7B68EE
ΔE00 5.05
Iris
#6258C4
ΔE00 5.96
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#625DED #E8ED5D
analogous
#5DA0ED #625DED #AA5DED
triadic
#625DED #ED625D #5DED62
tetradic
#625DED #ED5DA0 #E8ED5D #5DEDAA
square
#625DED #ED5DA0 #E8ED5D #5DEDAA
split-complementary
#625DED #EDAA5D #A0ED5D
monochromatic
#1B15BB #2D26E7 #625DED #9794F3 #CDCBF9
إمكانية الوصول والتباين
On white
4.87
#625DED on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.31
#625DED on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #625DED
4.87:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##625DED | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##625DED | 1.00 | 4.87 | 4.31 | 4.87 |
| #FFFFFF | 4.87 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.31 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.87 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0077F2
Deuteranopia (green-blind)
#006BEA
Tritanopia (blue-blind)
#00809C
Achromatopsia (no color)
#717171
وسوم التصميم والكود
CSS
--color: #625ded; /* rgb */ color: rgb(98, 93, 237); /* oklch */ color: oklch(56.6% 0.210 278.9);
Tailwind
colors: {
custom: {
50: '#9b8bf4',
500: '#625ded',
950: '#000000',
},
}SCSS
$custom: #625ded; $custom-light: #9b8bf4; $custom-dark: #000000;
JSON
{
"hex": "#625ded",
"rgb": {
"r": 98,
"g": 93,
"b": 237
},
"hsl": {
"h": 242.083,
"s": 80,
"l": 64.706
},
"oklch": {
"l": 0.5664,
"c": 0.2101,
"h": 278.9
},
"luminance": 0.1654
}Semantic roles & 50–950 ramp
primary
#625DED
secondary
#EAECBA
accent
#DC09D5
background
#FAF8FF
surface
#F4F0FE
border
#CECBD6
text
#0F0C17
muted
#7F7D85