#107343#107343
#107343 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.128؛ OKLCH L 49.0% C 0.115 H 155.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.91:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #107343 |
|---|---|
| RGB | rgb(16, 115, 67) |
| HSL | hsl(151, 76%, 26%) |
| HSV | hsv(151, 86%, 45%) |
| CMYK | cmyk(86.1%, 0%, 41.7%, 54.9%) |
| CIE-LAB | lab(42.42, -38.74, 19.16) |
| CIE-LCH | lch(42.42, 43.22, 153.69°) |
| OKLab | oklab(49.05% -0.1043 0.0477) |
| OKLCH | oklch(49.05% 0.115 155.4) |
| XYZ | xyz(7.3568, 12.7760, 7.3874) |
| Luminance | 0.1278 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Jungle Green
#048243
ΔE00 5.73
Darkish Green
#287C37
ΔE00 5.83
Spruce
#0A5F38
ΔE00 6.72
Dark Sea Green
#11875D
ΔE00 7.67
Pine
#2B5D34
ΔE00 8.00
Hunter Green
#355E3B
ΔE00 8.66
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#107343 #731040
analogous
#107311 #107343 #107173
triadic
#107343 #431073 #734310
tetradic
#107343 #111073 #731040 #717310
square
#107343 #111073 #731040 #717310
split-complementary
#107343 #731071 #731110
monochromatic
#041B10 #093D24 #107343 #17A962 #1FDE82
إمكانية الوصول والتباين
On white
5.91
#107343 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.56
#107343 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #107343
5.91:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##107343 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##107343 | 1.00 | 5.91 | 3.56 | 5.91 |
| #FFFFFF | 5.91 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.56 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.91 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#726940
Deuteranopia (green-blind)
#676146
Tritanopia (blue-blind)
#007267
Achromatopsia (no color)
#646464
وسوم التصميم والكود
CSS
--color: #107343; /* rgb */ color: rgb(16, 115, 67); /* oklch */ color: oklch(49.0% 0.115 155.4);
Tailwind
colors: {
custom: {
50: '#639c77',
500: '#107343',
950: '#000000',
},
}SCSS
$custom: #107343; $custom-light: #639c77; $custom-dark: #000000;
JSON
{
"hex": "#107343",
"rgb": {
"r": 16,
"g": 115,
"b": 67
},
"hsl": {
"h": 150.909,
"s": 75.573,
"l": 25.686
},
"oklch": {
"l": 0.49047,
"c": 0.11471,
"h": 155.4
},
"luminance": 0.12777
}Semantic roles & 50–950 ramp
primary
#107343
secondary
#AA346E
accent
#3691F2
background
#F6F9F7
surface
#EBF2ED
border
#C6CCC8
text
#060E09
muted
#7A7E7B