#8084FF#8084FF
#8084FF لون فاتح وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.283؛ OKLCH L 66.9% C 0.178 H 279.0°. أفضل لون لنص المتن هو #000000 بتباين 6.66:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8084FF |
|---|---|
| RGB | rgb(128, 132, 255) |
| HSL | hsl(238, 100%, 75%) |
| HSV | hsv(238, 50%, 100%) |
| CMYK | cmyk(49.8%, 48.2%, 0%, 0%) |
| CIE-LAB | lab(60.17, 30.75, -61.91) |
| CIE-LCH | lch(60.17, 69.12, 296.41°) |
| OKLab | oklab(66.86% 0.0279 -0.1763) |
| OKLCH | oklch(66.86% 0.178 279) |
| XYZ | xyz(35.1978, 28.3097, 98.1980) |
| Luminance | 0.2831 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Lavender Blue
#8B88F8
ΔE00 2.37
Periwinkle (survey)
#8E82FE
ΔE00 2.85
Cornflower
#6A79F7
ΔE00 4.49
Perrywinkle
#8F8CE7
ΔE00 5.12
Periwinkle Blue
#8F99FB
ΔE00 6.15
Soft Blue
#6488EA
ΔE00 6.48
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8084FF #FFFB80
analogous
#80C4FF #8084FF #BB80FF
triadic
#8084FF #FF8084 #84FF80
tetradic
#8084FF #FF80C4 #FFFB80 #80FFBB
square
#8084FF #FF80C4 #FFFB80 #80FFBB
split-complementary
#8084FF #FFBB80 #C4FF80
monochromatic
#060DFF #4349FF #8084FF #BDBFFF #E0E1FF
إمكانية الوصول والتباين
On white
3.15
#8084FF on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.66
#8084FF on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8084FF
6.66:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8084FF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8084FF | 1.00 | 3.15 | 6.66 | 6.66 |
| #FFFFFF | 3.15 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.66 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.66 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4B96FF
Deuteranopia (green-blind)
#3F8CFC
Tritanopia (blue-blind)
#4D9FB5
Achromatopsia (no color)
#919191
وسوم التصميم والكود
CSS
--color: #8084ff; /* rgb */ color: rgb(128, 132, 255); /* oklch */ color: oklch(66.9% 0.178 279.0);
Tailwind
colors: {
custom: {
50: '#aca7ff',
500: '#8084ff',
950: '#000000',
},
}SCSS
$custom: #8084ff; $custom-light: #aca7ff; $custom-dark: #000000;
JSON
{
"hex": "#8084ff",
"rgb": {
"r": 128,
"g": 132,
"b": 255
},
"hsl": {
"h": 238.11,
"s": 100,
"l": 75.098
},
"oklch": {
"l": 0.66863,
"c": 0.17849,
"h": 279
},
"luminance": 0.28312
}Semantic roles & 50–950 ramp
primary
#8084FF
secondary
#F7F6D4
accent
#DE00E6
background
#FBFAFF
surface
#F6F4FF
border
#D0CED7
text
#110F18
muted
#807F86