#686F91#686F91
#686F91 لون متوسط وخافت من عائلة أزرق. الإضاءة النسبية 0.164؛ OKLCH L 54.9% C 0.054 H 275.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.92:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #686F91 |
|---|---|
| RGB | rgb(104, 111, 145) |
| HSL | hsl(230, 16%, 49%) |
| HSV | hsv(230, 28%, 57%) |
| CMYK | cmyk(28.3%, 23.4%, 0%, 43.1%) |
| CIE-LAB | lab(47.44, 5.50, -19.41) |
| CIE-LCH | lch(47.44, 20.17, 285.82°) |
| OKLab | oklab(54.89% 0.0051 -0.0535) |
| OKLCH | oklch(54.89% 0.054 275.4) |
| XYZ | xyz(16.5028, 16.3558, 29.0701) |
| Luminance | 0.1636 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Dusky Blue
#475F94
ΔE00 9.25
Dusk
#4E5481
ΔE00 10.07
Cadet Blue
#4E7496
ΔE00 10.30
Grey Purple
#826D8C
ΔE00 10.43
Purplish Grey
#7A687F
ΔE00 10.45
Slate Blue (survey)
#5B7C99
ΔE00 10.56
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#686F91 #918A68
analogous
#688491 #686F91 #766891
triadic
#686F91 #91686F #6F9168
tetradic
#686F91 #916884 #918A68 #689176
square
#686F91 #916884 #918A68 #689176
split-complementary
#686F91 #917668 #849168
monochromatic
#35384A #4E546D #686F91 #8B90AC #AEB2C5
إمكانية الوصول والتباين
On white
4.92
#686F91 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.27
#686F91 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #686F91
4.92:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##686F91 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##686F91 | 1.00 | 4.92 | 4.27 | 4.92 |
| #FFFFFF | 4.92 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.27 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.92 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#657293
Deuteranopia (green-blind)
#626F90
Tritanopia (blue-blind)
#5E757B
Achromatopsia (no color)
#707070
وسوم التصميم والكود
CSS
--color: #686f91; /* rgb */ color: rgb(104, 111, 145); /* oklch */ color: oklch(54.9% 0.054 275.4);
Tailwind
colors: {
custom: {
50: '#9498b1',
500: '#686f91',
950: '#000000',
},
}SCSS
$custom: #686f91; $custom-light: #9498b1; $custom-dark: #000000;
JSON
{
"hex": "#686f91",
"rgb": {
"r": 104,
"g": 111,
"b": 145
},
"hsl": {
"h": 229.756,
"s": 16.466,
"l": 48.824
},
"oklch": {
"l": 0.54885,
"c": 0.0537,
"h": 275.4
},
"luminance": 0.16356
}Semantic roles & 50–950 ramp
primary
#686F91
secondary
#B4B1A1
accent
#AC6FB9
background
#F9F9FA
surface
#F1F2F5
border
#CBCCCF
text
#0D0D10
muted
#7E7E7F