#419142#419142
#419142 لون متوسط وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.218؛ OKLCH L 58.8% C 0.139 H 143.8°. أفضل لون لنص المتن هو #000000 بتباين 5.35:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #419142 |
|---|---|
| RGB | rgb(65, 145, 66) |
| HSL | hsl(121, 38%, 41%) |
| HSV | hsv(121, 55%, 57%) |
| CMYK | cmyk(55.2%, 0%, 54.5%, 43.1%) |
| CIE-LAB | lab(53.78, -41.27, 34.32) |
| CIE-LCH | lch(53.78, 53.67, 140.25°) |
| OKLab | oklab(58.76% -0.1121 0.0822) |
| OKLCH | oklch(58.76% 0.139 143.8) |
| XYZ | xyz(13.2880, 21.7669, 8.6544) |
| Luminance | 0.2177 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Fern Green
#548D44
ΔE00 2.99
Light Forest Green
#4F9153
ΔE00 3.40
Kelley Green
#009337
ΔE00 3.80
Irish Green
#019529
ΔE00 4.71
Forestgreen (CSS)
#228B22
ΔE00 4.90
Emerald Green
#028F1E
ΔE00 5.32
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#419142 #914190
analogous
#689141 #419142 #41916A
triadic
#419142 #424191 #914241
tetradic
#419142 #416891 #914190 #916A41
square
#419142 #416891 #914190 #916A41
split-complementary
#419142 #6A4191 #914168
monochromatic
#1B3C1C #2E672F #419142 #5AB55B #84C885
إمكانية الوصول والتباين
On white
3.92
#419142 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.35
#419142 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #419142
5.35:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##419142 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##419142 | 1.00 | 3.92 | 5.35 | 5.35 |
| #FFFFFF | 3.92 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.35 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.35 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#94853B
Deuteranopia (green-blind)
#897E48
Tritanopia (blue-blind)
#348D7F
Achromatopsia (no color)
#808080
وسوم التصميم والكود
CSS
--color: #419142; /* rgb */ color: rgb(65, 145, 66); /* oklch */ color: oklch(58.8% 0.139 143.8);
Tailwind
colors: {
custom: {
50: '#7db278',
500: '#419142',
950: '#000000',
},
}SCSS
$custom: #419142; $custom-light: #7db278; $custom-dark: #000000;
JSON
{
"hex": "#419142",
"rgb": {
"r": 65,
"g": 145,
"b": 66
},
"hsl": {
"h": 120.75,
"s": 38.095,
"l": 41.176
},
"oklch": {
"l": 0.5876,
"c": 0.13902,
"h": 143.8
},
"luminance": 0.21768
}Semantic roles & 50–950 ramp
primary
#419142
secondary
#B37BB2
accent
#5ACDCE
background
#F7FBF7
surface
#EEF6ED
border
#C9D0C8
text
#0A1109
muted
#7C807B