#989ACE#989ACE
#989ACE لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.342؛ OKLCH L 70.4% C 0.076 H 282.5°. أفضل لون لنص المتن هو #000000 بتباين 7.85:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #989ACE |
|---|---|
| RGB | rgb(152, 154, 206) |
| HSL | hsl(238, 36%, 70%) |
| HSV | hsv(238, 26%, 81%) |
| CMYK | cmyk(26.2%, 25.2%, 0%, 19.2%) |
| CIE-LAB | lab(65.15, 10.76, -26.83) |
| CIE-LCH | lch(65.15, 28.91, 291.85°) |
| OKLab | oklab(70.36% 0.0165 -0.074) |
| OKLCH | oklch(70.36% 0.076 282.5) |
| XYZ | xyz(35.6422, 34.2420, 63.1121) |
| Luminance | 0.3424 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Lavender
#B39DDB
ΔE00 6.63
Perrywinkle
#8F8CE7
ΔE00 7.42
Periwinkle Blue
#8F99FB
ΔE00 8.63
Pale Purple
#B790D4
ΔE00 9.80
Lavender Blue
#8B88F8
ΔE00 10.21
Lavender (survey)
#C79FEF
ΔE00 10.85
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#989ACE #CECC98
analogous
#98B5CE #989ACE #B198CE
triadic
#989ACE #CE989A #9ACE98
tetradic
#989ACE #CE98B5 #CECC98 #98CEB1
square
#989ACE #CE98B5 #CECC98 #98CEB1
split-complementary
#989ACE #CEB198 #B5CE98
monochromatic
#4C4FA0 #6F71BA #989ACE #C1C3E2 #EAEBF5
إمكانية الوصول والتباين
On white
2.68
#989ACE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.85
#989ACE on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #989ACE
7.85:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##989ACE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##989ACE | 1.00 | 2.68 | 7.85 | 7.85 |
| #FFFFFF | 2.68 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.85 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.85 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8CA0D0
Deuteranopia (green-blind)
#8A9CCD
Tritanopia (blue-blind)
#8BA3AC
Achromatopsia (no color)
#9E9E9E
وسوم التصميم والكود
CSS
--color: #989ace; /* rgb */ color: rgb(152, 154, 206); /* oklch */ color: oklch(70.4% 0.076 282.5);
Tailwind
colors: {
custom: {
50: '#b7b7dd',
500: '#989ace',
950: '#000000',
},
}SCSS
$custom: #989ace; $custom-light: #b7b7dd; $custom-dark: #000000;
JSON
{
"hex": "#989ace",
"rgb": {
"r": 152,
"g": 154,
"b": 206
},
"hsl": {
"h": 237.778,
"s": 35.526,
"l": 70.196
},
"oklch": {
"l": 0.70361,
"c": 0.0758,
"h": 282.5
},
"luminance": 0.34243
}Semantic roles & 50–950 ramp
primary
#989ACE
secondary
#E8E8D9
accent
#AA37AE
background
#FBFBFD
surface
#F6F6FB
border
#D0D0D4
text
#111115
muted
#808083