#104671#104671
#104671 لون داكن ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.057؛ OKLCH L 38.4% C 0.091 H 247.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.83:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #104671 |
|---|---|
| RGB | rgb(16, 70, 113) |
| HSL | hsl(207, 75%, 25%) |
| HSV | hsv(207, 86%, 44%) |
| CMYK | cmyk(85.8%, 38.1%, 0%, 55.7%) |
| CIE-LAB | lab(28.60, -0.21, -29.59) |
| CIE-LCH | lch(28.60, 29.59, 269.60°) |
| OKLab | oklab(38.36% -0.0347 -0.0843) |
| OKLCH | oklch(38.36% 0.091 247.7) |
| XYZ | xyz(5.3833, 5.6821, 16.4326) |
| Luminance | 0.0568 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Prussian Blue
#004577
ΔE00 1.11
Twilight Blue
#0A437A
ΔE00 2.32
Darkish Blue
#014182
ΔE00 3.59
Light Navy
#155084
ΔE00 3.70
Dark Slate Blue
#214761
ΔE00 4.52
Marine Blue
#01386A
ΔE00 4.85
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#104671 #713B10
analogous
#10716B #104671 #101571
triadic
#104671 #711046 #467110
tetradic
#104671 #6B1071 #713B10 #157110
square
#104671 #6B1071 #713B10 #157110
split-complementary
#104671 #711015 #716B10
monochromatic
#04111B #08253B #104671 #1867A7 #1F88DC
إمكانية الوصول والتباين
On white
9.83
#104671 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.14
#104671 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #104671
9.83:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##104671 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##104671 | 1.00 | 9.83 | 2.14 | 9.83 |
| #FFFFFF | 9.83 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.14 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.83 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#324873
Deuteranopia (green-blind)
#233F70
Tritanopia (blue-blind)
#005056
Achromatopsia (no color)
#434343
وسوم التصميم والكود
CSS
--color: #104671; /* rgb */ color: rgb(16, 70, 113); /* oklch */ color: oklch(38.4% 0.091 247.7);
Tailwind
colors: {
custom: {
50: '#61799a',
500: '#104671',
950: '#000000',
},
}SCSS
$custom: #104671; $custom-light: #61799a; $custom-dark: #000000;
JSON
{
"hex": "#104671",
"rgb": {
"r": 16,
"g": 70,
"b": 113
},
"hsl": {
"h": 206.598,
"s": 75.194,
"l": 25.294
},
"oklch": {
"l": 0.38358,
"c": 0.09119,
"h": 247.7
},
"luminance": 0.05683
}Semantic roles & 50–950 ramp
primary
#104671
secondary
#A96834
accent
#8936F2
background
#F6F7F9
surface
#EBEDF2
border
#C6C8CC
text
#06090E
muted
#7A7B7E