#41946A#41946A
#41946A لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.233؛ OKLCH L 60.3% C 0.104 H 158.9°. أفضل لون لنص المتن هو #000000 بتباين 5.67:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #41946A |
|---|---|
| RGB | rgb(65, 148, 106) |
| HSL | hsl(150, 39%, 42%) |
| HSV | hsv(150, 56%, 58%) |
| CMYK | cmyk(56.1%, 0%, 28.4%, 42%) |
| CIE-LAB | lab(55.42, -35.46, 14.76) |
| CIE-LCH | lch(55.42, 38.41, 157.40°) |
| OKLab | oklab(60.33% -0.0971 0.0376) |
| OKLCH | oklch(60.33% 0.104 158.9) |
| XYZ | xyz(15.3701, 23.3428, 17.3285) |
| Luminance | 0.2334 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Ocean Green
#3D9973
ΔE00 2.32
Viridian
#1E9167
ΔE00 3.08
Sea Green
#2E8B57
ΔE00 4.63
Teal Green
#25A36F
ΔE00 5.32
Greenish
#40A368
ΔE00 5.77
Dark Sea Green
#11875D
ΔE00 5.95
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#41946A #94416B
analogous
#419441 #41946A #419494
triadic
#41946A #6A4194 #946A41
tetradic
#41946A #414194 #94416B #949441
square
#41946A #414194 #94416B #949441
split-complementary
#41946A #944194 #944141
monochromatic
#1C3F2D #2E694C #41946A #5BB789 #86CAA7
إمكانية الوصول والتباين
On white
3.70
#41946A on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.67
#41946A on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #41946A
5.67:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##41946A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##41946A | 1.00 | 3.70 | 5.67 | 5.67 |
| #FFFFFF | 3.70 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.67 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.67 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#938A68
Deuteranopia (green-blind)
#87816D
Tritanopia (blue-blind)
#249389
Achromatopsia (no color)
#858585
وسوم التصميم والكود
CSS
--color: #41946a; /* rgb */ color: rgb(65, 148, 106); /* oklch */ color: oklch(60.3% 0.104 158.9);
Tailwind
colors: {
custom: {
50: '#7db494',
500: '#41946a',
950: '#000000',
},
}SCSS
$custom: #41946a; $custom-light: #7db494; $custom-dark: #000000;
JSON
{
"hex": "#41946a",
"rgb": {
"r": 65,
"g": 148,
"b": 106
},
"hsl": {
"h": 149.639,
"s": 38.967,
"l": 41.765
},
"oklch": {
"l": 0.60329,
"c": 0.10414,
"h": 158.9
},
"luminance": 0.23344
}Semantic roles & 50–950 ramp
primary
#41946A
secondary
#B47C99
accent
#5995CF
background
#F7FBF9
surface
#EEF6F1
border
#C9D0CB
text
#0A110D
muted
#7C807E