#357733#357733
#357733 لون متوسط وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.142؛ OKLCH L 51.0% C 0.122 H 143.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.47:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #357733 |
|---|---|
| RGB | rgb(53, 119, 51) |
| HSL | hsl(118, 40%, 33%) |
| HSV | hsv(118, 57%, 47%) |
| CMYK | cmyk(55.5%, 0%, 57.1%, 53.3%) |
| CIE-LAB | lab(44.50, -35.78, 30.77) |
| CIE-LCH | lch(44.50, 47.19, 139.30°) |
| OKLab | oklab(50.95% -0.0974 0.0733) |
| OKLCH | oklch(50.95% 0.122 143) |
| XYZ | xyz(8.6621, 14.1888, 5.4136) |
| Luminance | 0.1419 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Darkish Green
#287C37
ΔE00 2.37
Tree Green
#2A7E19
ΔE00 5.07
Jungle Green
#048243
ΔE00 5.76
Green
#008000
ΔE00 7.06
Dark Grass Green
#388004
ΔE00 7.31
Forestgreen (CSS)
#228B22
ΔE00 8.19
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#357733 #753377
analogous
#577733 #357733 #337753
triadic
#357733 #333577 #773335
tetradic
#357733 #335777 #753377 #775333
square
#357733 #335777 #753377 #775333
split-complementary
#357733 #533377 #773357
monochromatic
#0F210E #224C21 #357733 #48A245 #69BE67
إمكانية الوصول والتباين
On white
5.47
#357733 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.84
#357733 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #357733
5.47:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##357733 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##357733 | 1.00 | 5.47 | 3.84 | 5.47 |
| #FFFFFF | 5.47 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.84 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.47 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#796D2D
Deuteranopia (green-blind)
#716738
Tritanopia (blue-blind)
#2B7468
Achromatopsia (no color)
#696969
وسوم التصميم والكود
CSS
--color: #357733; /* rgb */ color: rgb(53, 119, 51); /* oklch */ color: oklch(51.0% 0.122 143.0);
Tailwind
colors: {
custom: {
50: '#739f6d',
500: '#357733',
950: '#000000',
},
}SCSS
$custom: #357733; $custom-light: #739f6d; $custom-dark: #000000;
JSON
{
"hex": "#357733",
"rgb": {
"r": 53,
"g": 119,
"b": 51
},
"hsl": {
"h": 118.235,
"s": 40,
"l": 33.333
},
"oklch": {
"l": 0.50951,
"c": 0.12188,
"h": 143
},
"luminance": 0.1419
}Semantic roles & 50–950 ramp
primary
#357733
secondary
#A460A6
accent
#58D0CC
background
#F7F9F6
surface
#EDF2EB
border
#C8CCC6
text
#080E07
muted
#7B7E7A