#7282B7#7282B7
#7282B7 لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.230؛ OKLCH L 61.5% C 0.083 H 270.9°. أفضل لون لنص المتن هو #000000 بتباين 5.59:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7282B7 |
|---|---|
| RGB | rgb(114, 130, 183) |
| HSL | hsl(226, 32%, 58%) |
| HSV | hsv(226, 38%, 72%) |
| CMYK | cmyk(37.7%, 29%, 0%, 28.2%) |
| CIE-LAB | lab(55.03, 7.50, -29.73) |
| CIE-LCH | lch(55.03, 30.66, 284.16°) |
| OKLab | oklab(61.5% 0.0013 -0.0828) |
| OKLCH | oklch(61.5% 0.083 270.9) |
| XYZ | xyz(23.4668, 22.9605, 47.9859) |
| Luminance | 0.2296 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Faded Blue
#658CBB
ΔE00 6.55
Soft Blue
#6488EA
ΔE00 8.04
Dusty Blue
#5A86AD
ΔE00 8.26
Off Blue
#5684AE
ΔE00 8.33
Perrywinkle
#8F8CE7
ΔE00 8.63
Slate Blue (survey)
#5B7C99
ΔE00 8.95
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7282B7 #B7A772
analogous
#72A4B7 #7282B7 #8472B7
triadic
#7282B7 #B77282 #82B772
tetradic
#7282B7 #B772A4 #B7A772 #72B784
square
#7282B7 #B772A4 #B7A772 #72B784
split-complementary
#7282B7 #B78472 #A4B772
monochromatic
#3B4874 #50619C #7282B7 #9BA6CC #C3CAE0
إمكانية الوصول والتباين
On white
3.76
#7282B7 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.59
#7282B7 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #7282B7
5.59:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7282B7 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7282B7 | 1.00 | 3.76 | 5.59 | 5.59 |
| #FFFFFF | 3.76 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.59 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.59 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7187B9
Deuteranopia (green-blind)
#6B81B6
Tritanopia (blue-blind)
#5D8D95
Achromatopsia (no color)
#848484
وسوم التصميم والكود
CSS
--color: #7282b7; /* rgb */ color: rgb(114, 130, 183); /* oklch */ color: oklch(61.5% 0.083 270.9);
Tailwind
colors: {
custom: {
50: '#9da6cc',
500: '#7282b7',
950: '#000000',
},
}SCSS
$custom: #7282b7; $custom-light: #9da6cc; $custom-dark: #000000;
JSON
{
"hex": "#7282b7",
"rgb": {
"r": 114,
"g": 130,
"b": 183
},
"hsl": {
"h": 226.087,
"s": 32.394,
"l": 58.235
},
"oklch": {
"l": 0.61497,
"c": 0.08282,
"h": 270.9
},
"luminance": 0.22962
}Semantic roles & 50–950 ramp
primary
#7282B7
secondary
#D0CAB5
accent
#B05FC9
background
#F9FAFC
surface
#F2F4F9
border
#CCCED2
text
#0E0F13
muted
#7E7F82