#39AB46#39AB46
#39AB46 لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.304؛ OKLCH L 65.5% C 0.174 H 145.1°. أفضل لون لنص المتن هو #000000 بتباين 7.09:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #39AB46 |
|---|---|
| RGB | rgb(57, 171, 70) |
| HSL | hsl(127, 50%, 45%) |
| HSV | hsv(127, 67%, 67%) |
| CMYK | cmyk(66.7%, 0%, 59.1%, 32.9%) |
| CIE-LAB | lab(62.03, -52.67, 42.09) |
| CIE-LCH | lch(62.03, 67.42, 141.37°) |
| OKLab | oklab(65.51% -0.1424 0.0995) |
| OKLCH | oklch(65.51% 0.174 145.1) |
| XYZ | xyz(17.3546, 30.4361, 10.7533) |
| Luminance | 0.3044 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Medium Green
#39AD48
ΔE00 0.60
Mid Green
#50A747
ΔE00 2.37
Kelly Green (survey)
#02AB2E
ΔE00 3.07
Dark Pastel Green
#56AE57
ΔE00 3.14
Shamrock
#01B44C
ΔE00 3.23
Fern (survey)
#63A950
ΔE00 4.36
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#39AB46 #AB399E
analogous
#65AB39 #39AB46 #39AB7F
triadic
#39AB46 #4639AB #AB4639
tetradic
#39AB46 #3965AB #AB399E #AB7F39
square
#39AB46 #3965AB #AB399E #AB7F39
split-complementary
#39AB46 #7F39AB #AB3965
monochromatic
#1A4F20 #2A7D33 #39AB46 #59C866 #87D790
إمكانية الوصول والتباين
On white
2.96
#39AB46 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.09
#39AB46 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #39AB46
7.09:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##39AB46 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##39AB46 | 1.00 | 2.96 | 7.09 | 7.09 |
| #FFFFFF | 2.96 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.09 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.09 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#AE9C3C
Deuteranopia (green-blind)
#A0924E
Tritanopia (blue-blind)
#18A795
Achromatopsia (no color)
#969696
وسوم التصميم والكود
CSS
--color: #39ab46; /* rgb */ color: rgb(57, 171, 70); /* oklch */ color: oklch(65.5% 0.174 145.1);
Tailwind
colors: {
custom: {
50: '#7ec57d',
500: '#39ab46',
950: '#000000',
},
}SCSS
$custom: #39ab46; $custom-light: #7ec57d; $custom-dark: #000000;
JSON
{
"hex": "#39ab46",
"rgb": {
"r": 57,
"g": 171,
"b": 70
},
"hsl": {
"h": 126.842,
"s": 50,
"l": 44.706
},
"oklch": {
"l": 0.65509,
"c": 0.17374,
"h": 145.1
},
"luminance": 0.30438
}Semantic roles & 50–950 ramp
primary
#39AB46
secondary
#C17FBA
accent
#4ECADA
background
#F8FCF7
surface
#EFF8EE
border
#CAD1C9
text
#0B130A
muted
#7C827C