#417083#417083
#417083 لون متوسط وخافت من عائلة سماوي. الإضاءة النسبية 0.144؛ OKLCH L 51.9% C 0.059 H 226.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.43:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #417083 |
|---|---|
| RGB | rgb(65, 112, 131) |
| HSL | hsl(197, 34%, 38%) |
| HSV | hsv(197, 50%, 51%) |
| CMYK | cmyk(50.4%, 14.5%, 0%, 48.6%) |
| CIE-LAB | lab(44.73, -10.45, -15.43) |
| CIE-LCH | lch(44.73, 18.64, 235.89°) |
| OKLab | oklab(51.93% -0.0413 -0.0427) |
| OKLCH | oklch(51.93% 0.059 226) |
| XYZ | xyz(12.0694, 14.3499, 23.6021) |
| Luminance | 0.1435 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Sea Blue
#047495
ΔE00 5.34
Metallic Blue
#4F738E
ΔE00 5.59
Ocean
#017B92
ΔE00 6.61
Slate
#516572
ΔE00 6.90
Dirty Blue
#3F829D
ΔE00 7.10
Ocean Blue (survey)
#03719C
ΔE00 7.17
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#417083 #835441
analogous
#418375 #417083 #414F83
triadic
#417083 #834170 #708341
tetradic
#417083 #754183 #835441 #4F8341
square
#417083 #754183 #835441 #4F8341
split-complementary
#417083 #83414F #837541
monochromatic
#182A31 #2D4D5A #417083 #5693AB #7FADBF
إمكانية الوصول والتباين
On white
5.43
#417083 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.87
#417083 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #417083
5.43:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##417083 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##417083 | 1.00 | 5.43 | 3.87 | 5.43 |
| #FFFFFF | 5.43 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.87 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.43 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#666E84
Deuteranopia (green-blind)
#5C6783
Tritanopia (blue-blind)
#1F7676
Achromatopsia (no color)
#6A6A6A
وسوم التصميم والكود
CSS
--color: #417083; /* rgb */ color: rgb(65, 112, 131); /* oklch */ color: oklch(51.9% 0.059 226.0);
Tailwind
colors: {
custom: {
50: '#7a99a7',
500: '#417083',
950: '#000000',
},
}SCSS
$custom: #417083; $custom-light: #7a99a7; $custom-dark: #000000;
JSON
{
"hex": "#417083",
"rgb": {
"r": 65,
"g": 112,
"b": 131
},
"hsl": {
"h": 197.273,
"s": 33.673,
"l": 38.431
},
"oklch": {
"l": 0.51932,
"c": 0.05941,
"h": 226
},
"luminance": 0.14351
}Semantic roles & 50–950 ramp
primary
#417083
secondary
#AA8576
accent
#7D5ECA
background
#F7F9FA
surface
#EEF2F4
border
#C9CCCE
text
#090D0F
muted
#7B7E7F