#61BA42#61BA42
#61BA42 لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.381؛ OKLCH L 70.8% C 0.178 H 138.6°. أفضل لون لنص المتن هو #000000 بتباين 8.61:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #61BA42 |
|---|---|
| RGB | rgb(97, 186, 66) |
| HSL | hsl(105, 48%, 49%) |
| HSV | hsv(105, 65%, 73%) |
| CMYK | cmyk(47.8%, 0%, 64.5%, 27.1%) |
| CIE-LAB | lab(68.06, -48.63, 51.05) |
| CIE-LCH | lch(68.06, 70.50, 133.61°) |
| OKLab | oklab(70.83% -0.1339 0.118) |
| OKLCH | oklch(70.83% 0.178 138.6) |
| XYZ | xyz(23.4712, 38.0509, 11.2610) |
| Luminance | 0.3805 (WCAG relative) |
| Temperature | warm |
| Family | green |
أقرب الألوان المُسمّاة
Leafy Green
#51B73B
ΔE00 1.76
Turtle Green
#75B84F
ΔE00 2.75
Nasty Green
#70B23F
ΔE00 3.16
Kelly Green
#4CBB17
ΔE00 3.62
Grass
#5CAC2D
ΔE00 4.21
Frog Green
#58BC08
ΔE00 4.26
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#61BA42 #9B42BA
analogous
#9DBA42 #61BA42 #42BA5F
triadic
#61BA42 #4261BA #BA4261
tetradic
#61BA42 #429DBA #9B42BA #BA5F42
square
#61BA42 #429DBA #9B42BA #BA5F42
split-complementary
#61BA42 #5F42BA #BA429D
monochromatic
#326022 #498D32 #61BA42 #86CB6E #ACDB9B
إمكانية الوصول والتباين
On white
2.44
#61BA42 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.61
#61BA42 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #61BA42
8.61:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##61BA42 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##61BA42 | 1.00 | 2.44 | 8.61 | 8.61 |
| #FFFFFF | 2.44 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.61 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.61 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#BFAB33
Deuteranopia (green-blind)
#B4A34C
Tritanopia (blue-blind)
#5AB4A1
Achromatopsia (no color)
#A6A6A6
وسوم التصميم والكود
CSS
--color: #61ba42; /* rgb */ color: rgb(97, 186, 66); /* oklch */ color: oklch(70.8% 0.178 138.6);
Tailwind
colors: {
custom: {
50: '#95cf7c',
500: '#61ba42',
950: '#000000',
},
}SCSS
$custom: #61ba42; $custom-light: #95cf7c; $custom-dark: #000000;
JSON
{
"hex": "#61ba42",
"rgb": {
"r": 97,
"g": 186,
"b": 66
},
"hsl": {
"h": 104.5,
"s": 47.619,
"l": 49.412
},
"oklch": {
"l": 0.70833,
"c": 0.17845,
"h": 138.6
},
"luminance": 0.38053
}Semantic roles & 50–950 ramp
primary
#61BA42
secondary
#B990C8
accent
#51D7B4
background
#F9FCF7
surface
#F2F9EE
border
#CCD2C9
text
#0E140A
muted
#7E827C