#758CC5#758CC5
#758CC5 لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.266؛ OKLCH L 64.5% C 0.090 H 267.0°. أفضل لون لنص المتن هو #000000 بتباين 6.31:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #758CC5 |
|---|---|
| RGB | rgb(117, 140, 197) |
| HSL | hsl(223, 41%, 62%) |
| HSV | hsv(223, 41%, 77%) |
| CMYK | cmyk(40.6%, 28.9%, 0%, 22.7%) |
| CIE-LAB | lab(58.57, 6.39, -32.17) |
| CIE-LCH | lch(58.57, 32.80, 281.24°) |
| OKLab | oklab(64.5% -0.0047 -0.0898) |
| OKLCH | oklch(64.5% 0.09 267) |
| XYZ | xyz(26.7891, 26.5679, 56.5291) |
| Luminance | 0.2657 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Faded Blue
#658CBB
ΔE00 4.56
Soft Blue
#6488EA
ΔE00 5.50
Cornflowerblue
#6495ED
ΔE00 6.95
Perrywinkle
#8F8CE7
ΔE00 7.11
Dusty Blue
#5A86AD
ΔE00 7.64
Off Blue
#5684AE
ΔE00 7.95
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#758CC5 #C5AE75
analogous
#75B4C5 #758CC5 #8675C5
triadic
#758CC5 #C5758C #8CC575
tetradic
#758CC5 #C575B4 #C5AE75 #75C586
square
#758CC5 #C575B4 #C5AE75 #75C586
split-complementary
#758CC5 #C58675 #B4C575
monochromatic
#394F87 #4B68B2 #758CC5 #A0B0D7 #CBD4E9
إمكانية الوصول والتباين
On white
3.33
#758CC5 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.31
#758CC5 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #758CC5
6.31:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##758CC5 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##758CC5 | 1.00 | 3.33 | 6.31 | 6.31 |
| #FFFFFF | 3.33 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.31 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.31 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7891C7
Deuteranopia (green-blind)
#718AC4
Tritanopia (blue-blind)
#5A98A0
Achromatopsia (no color)
#8D8D8D
وسوم التصميم والكود
CSS
--color: #758cc5; /* rgb */ color: rgb(117, 140, 197); /* oklch */ color: oklch(64.5% 0.090 267.0);
Tailwind
colors: {
custom: {
50: '#a0add6',
500: '#758cc5',
950: '#000000',
},
}SCSS
$custom: #758cc5; $custom-light: #a0add6; $custom-dark: #000000;
JSON
{
"hex": "#758cc5",
"rgb": {
"r": 117,
"g": 140,
"b": 197
},
"hsl": {
"h": 222.75,
"s": 40.816,
"l": 61.569
},
"oklch": {
"l": 0.64499,
"c": 0.0899,
"h": 267
},
"luminance": 0.26569
}Semantic roles & 50–950 ramp
primary
#758CC5
secondary
#DAD1BC
accent
#8E32B4
background
#FAFAFD
surface
#F3F4FA
border
#CDCED3
text
#0F1014
muted
#7F7F83