#ACA6EE#ACA6EE
#ACA6EE لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.422؛ OKLCH L 75.7% C 0.103 H 287.5°. أفضل لون لنص المتن هو #000000 بتباين 9.44:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #ACA6EE |
|---|---|
| RGB | rgb(172, 166, 238) |
| HSL | hsl(245, 68%, 79%) |
| HSV | hsv(245, 30%, 93%) |
| CMYK | cmyk(27.7%, 30.3%, 0%, 6.7%) |
| CIE-LAB | lab(71.02, 17.70, -35.27) |
| CIE-LCH | lch(71.02, 39.46, 296.66°) |
| OKLab | oklab(75.69% 0.0308 -0.0978) |
| OKLCH | oklch(75.69% 0.103 287.5) |
| XYZ | xyz(46.0782, 42.2152, 86.5930) |
| Luminance | 0.4222 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Lavender
#B39DDB
ΔE00 5.66
Pale Violet
#CEAEFA
ΔE00 7.10
Lavender (survey)
#C79FEF
ΔE00 7.52
Pastel Purple
#CAA0FF
ΔE00 7.53
Periwinkle Blue
#8F99FB
ΔE00 7.55
Lilac (survey)
#CEA2FD
ΔE00 8.04
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#ACA6EE #E8EEA6
analogous
#A6C4EE #ACA6EE #D0A6EE
triadic
#ACA6EE #EEACA6 #A6EEAC
tetradic
#ACA6EE #EEA6C4 #E8EEA6 #A6EED0
square
#ACA6EE #EEA6C4 #E8EEA6 #A6EED0
split-complementary
#ACA6EE #EED0A6 #C4EEA6
monochromatic
#4C3FDA #7C73E4 #ACA6EE #DCD9F8 #E7E5FA
إمكانية الوصول والتباين
On white
2.22
#ACA6EE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.44
#ACA6EE on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #ACA6EE
9.44:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##ACA6EE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##ACA6EE | 1.00 | 2.22 | 9.44 | 9.44 |
| #FFFFFF | 2.22 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.44 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.44 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#92B0F1
Deuteranopia (green-blind)
#91ACEC
Tritanopia (blue-blind)
#9DB3C0
Achromatopsia (no color)
#AEAEAE
وسوم التصميم والكود
CSS
--color: #aca6ee; /* rgb */ color: rgb(172, 166, 238); /* oklch */ color: oklch(75.7% 0.103 287.5);
Tailwind
colors: {
custom: {
50: '#c6c0f3',
500: '#aca6ee',
950: '#000000',
},
}SCSS
$custom: #aca6ee; $custom-light: #c6c0f3; $custom-dark: #000000;
JSON
{
"hex": "#aca6ee",
"rgb": {
"r": 172,
"g": 166,
"b": 238
},
"hsl": {
"h": 245,
"s": 67.925,
"l": 79.216
},
"oklch": {
"l": 0.75692,
"c": 0.10252,
"h": 287.5
},
"luminance": 0.42216
}Semantic roles & 50–950 ramp
primary
#ACA6EE
secondary
#F0F2D9
accent
#D016C0
background
#FCFBFE
surface
#F8F7FD
border
#D1D0D5
text
#131217
muted
#828185