#388F39#388F39
#388F39 لون متوسط وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.208؛ OKLCH L 57.8% C 0.149 H 143.5°. أفضل لون لنص المتن هو #000000 بتباين 5.16:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #388F39 |
|---|---|
| RGB | rgb(56, 143, 57) |
| HSL | hsl(121, 44%, 39%) |
| HSV | hsv(121, 61%, 56%) |
| CMYK | cmyk(60.8%, 0%, 60.1%, 43.9%) |
| CIE-LAB | lab(52.71, -44.00, 37.44) |
| CIE-LCH | lch(52.71, 57.77, 139.60°) |
| OKLab | oklab(57.76% -0.1195 0.0883) |
| OKLCH | oklch(57.76% 0.149 143.5) |
| XYZ | xyz(12.1912, 20.7800, 7.2386) |
| Luminance | 0.2078 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Kelley Green
#009337
ΔE00 3.02
Forestgreen (CSS)
#228B22
ΔE00 3.32
Irish Green
#019529
ΔE00 3.70
Fern Green
#548D44
ΔE00 3.78
Emerald Green
#028F1E
ΔE00 3.85
Light Forest Green
#4F9153
ΔE00 4.86
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#388F39 #8F388E
analogous
#638F38 #388F39 #388F65
triadic
#388F39 #39388F #8F3938
tetradic
#388F39 #38638F #8F388E #8F6538
square
#388F39 #38638F #8F388E #8F6538
split-complementary
#388F39 #65388F #8F3863
monochromatic
#163716 #276327 #388F39 #4BB94D #77CA78
إمكانية الوصول والتباين
On white
4.07
#388F39 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.16
#388F39 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #388F39
5.16:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##388F39 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##388F39 | 1.00 | 4.07 | 5.16 | 5.16 |
| #FFFFFF | 4.07 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.16 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.16 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#928230
Deuteranopia (green-blind)
#877B40
Tritanopia (blue-blind)
#288B7C
Achromatopsia (no color)
#7E7E7E
وسوم التصميم والكود
CSS
--color: #388f39; /* rgb */ color: rgb(56, 143, 57); /* oklch */ color: oklch(57.8% 0.149 143.5);
Tailwind
colors: {
custom: {
50: '#78b172',
500: '#388f39',
950: '#000000',
},
}SCSS
$custom: #388f39; $custom-light: #78b172; $custom-dark: #000000;
JSON
{
"hex": "#388f39",
"rgb": {
"r": 56,
"g": 143,
"b": 57
},
"hsl": {
"h": 120.69,
"s": 43.719,
"l": 39.02
},
"oklch": {
"l": 0.57758,
"c": 0.14858,
"h": 143.5
},
"luminance": 0.20781
}Semantic roles & 50–950 ramp
primary
#388F39
secondary
#B370B2
accent
#54D2D3
background
#F7FAF7
surface
#EEF5ED
border
#C9CFC8
text
#0A1108
muted
#7C807B