#417694#417694
#417694 لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.162؛ OKLCH L 54.2% C 0.074 H 235.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.95:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #417694 |
|---|---|
| RGB | rgb(65, 118, 148) |
| HSL | hsl(202, 39%, 42%) |
| HSV | hsv(202, 56%, 58%) |
| CMYK | cmyk(56.1%, 20.3%, 0%, 42%) |
| CIE-LAB | lab(47.26, -8.60, -21.66) |
| CIE-LCH | lch(47.26, 23.30, 248.35°) |
| OKLab | oklab(54.17% -0.042 -0.0604) |
| OKLCH | oklch(54.17% 0.074 235.2) |
| XYZ | xyz(14.0017, 16.2176, 30.4037) |
| Luminance | 0.1622 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Metallic Blue
#4F738E
ΔE00 3.13
Stormy Blue
#507B9C
ΔE00 3.67
Cadet Blue
#4E7496
ΔE00 4.20
Dull Blue
#49759C
ΔE00 4.32
Cerulean
#007BA7
ΔE00 4.68
Ocean Blue (survey)
#03719C
ΔE00 4.70
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#417694 #945F41
analogous
#419489 #417694 #414D94
triadic
#417694 #944176 #769441
tetradic
#417694 #894194 #945F41 #4D9441
square
#417694 #894194 #945F41 #4D9441
split-complementary
#417694 #94414D #948941
monochromatic
#1C323F #2E5469 #417694 #5B96B7 #86B1CA
إمكانية الوصول والتباين
On white
4.95
#417694 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.24
#417694 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #417694
4.95:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##417694 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##417694 | 1.00 | 4.95 | 4.24 | 4.95 |
| #FFFFFF | 4.95 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.24 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.95 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#687595
Deuteranopia (green-blind)
#5C6C94
Tritanopia (blue-blind)
#007E80
Achromatopsia (no color)
#707070
وسوم التصميم والكود
CSS
--color: #417694; /* rgb */ color: rgb(65, 118, 148); /* oklch */ color: oklch(54.2% 0.074 235.2);
Tailwind
colors: {
custom: {
50: '#7c9db3',
500: '#417694',
950: '#000000',
},
}SCSS
$custom: #417694; $custom-light: #7c9db3; $custom-dark: #000000;
JSON
{
"hex": "#417694",
"rgb": {
"r": 65,
"g": 118,
"b": 148
},
"hsl": {
"h": 201.687,
"s": 38.967,
"l": 41.765
},
"oklch": {
"l": 0.54165,
"c": 0.07357,
"h": 235.2
},
"luminance": 0.16219
}Semantic roles & 50–950 ramp
primary
#417694
secondary
#B4917C
accent
#8459CF
background
#F7F9FB
surface
#EEF2F6
border
#C9CCD0
text
#0A0E11
muted
#7C7E80