#AAB6CE#AAB6CE
#AAB6CE لون فاتح وخافت من عائلة أزرق. الإضاءة النسبية 0.465؛ OKLCH L 77.5% C 0.037 H 264.3°. أفضل لون لنص المتن هو #000000 بتباين 10.29:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AAB6CE |
|---|---|
| RGB | rgb(170, 182, 206) |
| HSL | hsl(220, 27%, 74%) |
| HSV | hsv(220, 17%, 81%) |
| CMYK | cmyk(17.5%, 11.7%, 0%, 19.2%) |
| CIE-LAB | lab(73.84, 0.84, -13.51) |
| CIE-LCH | lch(73.84, 13.53, 273.55°) |
| OKLab | oklab(77.47% -0.0036 -0.0366) |
| OKLCH | oklch(77.47% 0.037 264.3) |
| XYZ | xyz(44.4434, 46.4573, 65.0062) |
| Luminance | 0.4646 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Lightsteelblue
#B0C4DE
ΔE00 4.42
Cloudy Blue
#ACC2D9
ΔE00 4.94
Light Blue Grey
#B7C9E2
ΔE00 5.19
Light Grey Blue
#9DBCD4
ΔE00 6.92
Dove Gray
#B6B8BD
ΔE00 7.91
Cool Gray
#9AA7B0
ΔE00 8.28
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AAB6CE #CEC2AA
analogous
#AAC8CE #AAB6CE #B0AACE
triadic
#AAB6CE #CEAAB6 #B6CEAA
tetradic
#AAB6CE #CEAAC8 #CEC2AA #AACEB0
square
#AAB6CE #CEAAC8 #CEC2AA #AACEB0
split-complementary
#AAB6CE #CEB0AA #C8CEAA
monochromatic
#5D73A1 #8395B8 #AAB6CE #D1D7E4 #ECEEF4
إمكانية الوصول والتباين
On white
2.04
#AAB6CE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.29
#AAB6CE on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #AAB6CE
10.29:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AAB6CE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AAB6CE | 1.00 | 2.04 | 10.29 | 10.29 |
| #FFFFFF | 2.04 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.29 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.29 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#AFB7CF
Deuteranopia (green-blind)
#ABB4CD
Tritanopia (blue-blind)
#A1BBBE
Achromatopsia (no color)
#B5B5B5
وسوم التصميم والكود
CSS
--color: #aab6ce; /* rgb */ color: rgb(170, 182, 206); /* oklch */ color: oklch(77.5% 0.037 264.3);
Tailwind
colors: {
custom: {
50: '#c3cbdd',
500: '#aab6ce',
950: '#000000',
},
}SCSS
$custom: #aab6ce; $custom-light: #c3cbdd; $custom-dark: #000000;
JSON
{
"hex": "#aab6ce",
"rgb": {
"r": 170,
"g": 182,
"b": 206
},
"hsl": {
"h": 220,
"s": 26.866,
"l": 73.725
},
"oklch": {
"l": 0.77471,
"c": 0.03681,
"h": 264.3
},
"luminance": 0.46458
}Semantic roles & 50–950 ramp
primary
#AAB6CE
secondary
#EAE7E1
accent
#8440A5
background
#FCFCFD
surface
#F8F8FB
border
#D1D1D4
text
#121315
muted
#818283