#AD9EFE#AD9EFE
#AD9EFE لون فاتح وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.405؛ OKLCH L 75.0% C 0.136 H 289.9°. أفضل لون لنص المتن هو #000000 بتباين 9.10:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AD9EFE |
|---|---|
| RGB | rgb(173, 158, 254) |
| HSL | hsl(249, 98%, 81%) |
| HSV | hsv(249, 38%, 100%) |
| CMYK | cmyk(31.9%, 37.8%, 0%, 0.4%) |
| CIE-LAB | lab(69.82, 26.44, -45.84) |
| CIE-LCH | lch(69.82, 52.92, 299.98°) |
| OKLab | oklab(75.02% 0.0463 -0.1282) |
| OKLCH | oklch(75.02% 0.136 289.9) |
| XYZ | xyz(47.3452, 40.4926, 99.0681) |
| Luminance | 0.4049 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Periwinkle Blue
#8F99FB
ΔE00 6.17
Pastel Purple
#CAA0FF
ΔE00 6.27
Perrywinkle
#8F8CE7
ΔE00 6.77
Lilac (survey)
#CEA2FD
ΔE00 7.24
Baby Purple
#CA9BF7
ΔE00 7.27
Liliac
#C48EFD
ΔE00 7.34
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AD9EFE #EFFE9E
analogous
#9EBFFE #AD9EFE #DD9EFE
triadic
#AD9EFE #FEAD9E #9EFEAD
tetradic
#AD9EFE #FE9EBF #EFFE9E #9EFEDD
square
#AD9EFE #FE9EBF #EFFE9E #9EFEDD
split-complementary
#AD9EFE #FEDD9E #BFFE9E
monochromatic
#4725FD #7A61FD #AD9EFE #E0DBFF #E5E1FF
إمكانية الوصول والتباين
On white
2.31
#AD9EFE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.10
#AD9EFE on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #AD9EFE
9.10:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AD9EFE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AD9EFE | 1.00 | 2.31 | 9.10 | 9.10 |
| #FFFFFF | 2.31 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.10 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.10 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#81ACFF
Deuteranopia (green-blind)
#82A8FC
Tritanopia (blue-blind)
#9AB0C2
Achromatopsia (no color)
#ABABAB
وسوم التصميم والكود
CSS
--color: #ad9efe; /* rgb */ color: rgb(173, 158, 254); /* oklch */ color: oklch(75.0% 0.136 289.9);
Tailwind
colors: {
custom: {
50: '#c8baff',
500: '#ad9efe',
950: '#000000',
},
}SCSS
$custom: #ad9efe; $custom-light: #c8baff; $custom-dark: #000000;
JSON
{
"hex": "#ad9efe",
"rgb": {
"r": 173,
"g": 158,
"b": 254
},
"hsl": {
"h": 249.375,
"s": 97.959,
"l": 80.784
},
"oklch": {
"l": 0.75016,
"c": 0.13635,
"h": 289.9
},
"luminance": 0.40494
}Semantic roles & 50–950 ramp
primary
#AD9EFE
secondary
#F2F7D4
accent
#E600C2
background
#FCFBFF
surface
#F8F6FF
border
#D1D0D7
text
#131118
muted
#828086