#8485DB#8485DB
#8485DB لون فاتح وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.268؛ OKLCH L 65.3% C 0.127 H 281.8°. أفضل لون لنص المتن هو #000000 بتباين 6.36:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8485DB |
|---|---|
| RGB | rgb(132, 133, 219) |
| HSL | hsl(239, 55%, 69%) |
| HSV | hsv(239, 40%, 86%) |
| CMYK | cmyk(39.7%, 39.3%, 0%, 14.1%) |
| CIE-LAB | lab(58.78, 20.67, -44.14) |
| CIE-LCH | lch(58.78, 48.73, 295.09°) |
| OKLab | oklab(65.26% 0.0259 -0.1242) |
| OKLCH | oklch(65.26% 0.127 281.8) |
| XYZ | xyz(30.6857, 26.7939, 70.5590) |
| Luminance | 0.2680 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Perrywinkle
#8F8CE7
ΔE00 2.91
Lavender Blue
#8B88F8
ΔE00 4.28
Periwinkle (survey)
#8E82FE
ΔE00 5.47
Cornflower
#6A79F7
ΔE00 6.89
Periwinkle Blue
#8F99FB
ΔE00 6.99
Soft Blue
#6488EA
ΔE00 7.45
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8485DB #DBDA84
analogous
#84B1DB #8485DB #AF84DB
triadic
#8485DB #DB8485 #85DB84
tetradic
#8485DB #DB84B1 #DBDA84 #84DBAF
square
#8485DB #DB84B1 #DBDA84 #84DBAF
split-complementary
#8485DB #DBAF84 #B1DB84
monochromatic
#3435B1 #5556CD #8485DB #B3B4E9 #E3E3F7
إمكانية الوصول والتباين
On white
3.30
#8485DB on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.36
#8485DB on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8485DB
6.36:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8485DB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8485DB | 1.00 | 3.30 | 6.36 | 6.36 |
| #FFFFFF | 3.30 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.36 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.36 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6791DE
Deuteranopia (green-blind)
#638AD9
Tritanopia (blue-blind)
#6A96A5
Achromatopsia (no color)
#8D8D8D
وسوم التصميم والكود
CSS
--color: #8485db; /* rgb */ color: rgb(132, 133, 219); /* oklch */ color: oklch(65.3% 0.127 281.8);
Tailwind
colors: {
custom: {
50: '#aba8e6',
500: '#8485db',
950: '#000000',
},
}SCSS
$custom: #8485db; $custom-light: #aba8e6; $custom-dark: #000000;
JSON
{
"hex": "#8485db",
"rgb": {
"r": 132,
"g": 133,
"b": 219
},
"hsl": {
"h": 239.31,
"s": 54.717,
"l": 68.824
},
"oklch": {
"l": 0.65261,
"c": 0.12684,
"h": 281.8
},
"luminance": 0.26795
}Semantic roles & 50–950 ramp
primary
#8485DB
secondary
#EAEAD1
accent
#C023C2
background
#FAFAFE
surface
#F4F4FC
border
#CECED5
text
#100F16
muted
#7F7F84