#AEB9EF#AEB9EF
#AEB9EF لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.499؛ OKLCH L 79.6% C 0.078 H 275.5°. أفضل لون لنص المتن هو #000000 بتباين 10.99:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AEB9EF |
|---|---|
| RGB | rgb(174, 185, 239) |
| HSL | hsl(230, 67%, 81%) |
| HSV | hsv(230, 27%, 94%) |
| CMYK | cmyk(27.2%, 22.6%, 0%, 6.3%) |
| CIE-LAB | lab(76.02, 7.99, -28.07) |
| CIE-LCH | lch(76.02, 29.19, 285.89°) |
| OKLab | oklab(79.62% 0.0075 -0.0773) |
| OKLCH | oklch(79.62% 0.078 275.5) |
| XYZ | xyz(50.3803, 49.9272, 88.6271) |
| Luminance | 0.4993 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Light Periwinkle
#C1C6FC
ΔE00 4.01
Pastel Blue
#A2BFFE
ΔE00 5.48
Periwinkle
#CCCCFF
ΔE00 6.34
Lightsteelblue
#B0C4DE
ΔE00 7.79
Powder Blue (survey)
#B1D1FC
ΔE00 8.01
Light Blue Grey
#B7C9E2
ΔE00 8.30
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AEB9EF #EFE4AE
analogous
#AED9EF #AEB9EF #C3AEEF
triadic
#AEB9EF #EFAEB9 #B9EFAE
tetradic
#AEB9EF #EFAED9 #EFE4AE #AEEFC3
square
#AEB9EF #EFAED9 #EFE4AE #AEEFC3
split-complementary
#AEB9EF #EFC3AE #D9EFAE
monochromatic
#4861DB #7B8DE5 #AEB9EF #E1E5F9 #E5E9FA
إمكانية الوصول والتباين
On white
1.91
#AEB9EF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.99
#AEB9EF on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #AEB9EF
10.99:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AEB9EF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AEB9EF | 1.00 | 1.91 | 10.99 | 10.99 |
| #FFFFFF | 1.91 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.99 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.99 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A9BEF1
Deuteranopia (green-blind)
#A5B9EE
Tritanopia (blue-blind)
#9EC3CB
Achromatopsia (no color)
#BBBBBB
وسوم التصميم والكود
CSS
--color: #aeb9ef; /* rgb */ color: rgb(174, 185, 239); /* oklch */ color: oklch(79.6% 0.078 275.5);
Tailwind
colors: {
custom: {
50: '#c7cdf4',
500: '#aeb9ef',
950: '#000000',
},
}SCSS
$custom: #aeb9ef; $custom-light: #c7cdf4; $custom-dark: #000000;
JSON
{
"hex": "#aeb9ef",
"rgb": {
"r": 174,
"g": 185,
"b": 239
},
"hsl": {
"h": 229.846,
"s": 67.01,
"l": 80.98
},
"oklch": {
"l": 0.79619,
"c": 0.07768,
"h": 275.5
},
"luminance": 0.49929
}Semantic roles & 50–950 ramp
primary
#AEB9EF
secondary
#F1EDDA
accent
#B017CF
background
#FCFCFE
surface
#F8F9FD
border
#D1D2D5
text
#131317
muted
#828285