#34733F#34733F
#34733F لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.134؛ OKLCH L 50.0% C 0.104 H 147.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.72:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #34733F |
|---|---|
| RGB | rgb(52, 115, 63) |
| HSL | hsl(130, 38%, 33%) |
| HSV | hsv(130, 55%, 45%) |
| CMYK | cmyk(54.8%, 0%, 45.2%, 54.9%) |
| CIE-LAB | lab(43.29, -32.44, 22.74) |
| CIE-LCH | lch(43.29, 39.62, 144.98°) |
| OKLab | oklab(50% -0.0879 0.056) |
| OKLCH | oklch(50% 0.104 147.5) |
| XYZ | xyz(8.4436, 13.3497, 6.8335) |
| Luminance | 0.1335 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Darkish Green
#287C37
ΔE00 4.38
Jungle Green
#048243
ΔE00 6.15
Pine
#2B5D34
ΔE00 7.54
Hunter Green
#355E3B
ΔE00 7.88
Spruce
#0A5F38
ΔE00 8.08
Dark Sage
#598556
ΔE00 8.52
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#34733F #733468
analogous
#487334 #34733F #34735E
triadic
#34733F #3F3473 #733F34
tetradic
#34733F #344873 #733468 #735E34
square
#34733F #344873 #733468 #735E34
split-complementary
#34733F #5E3473 #733448
monochromatic
#0E1F11 #214928 #34733F #479D56 #67BA76
إمكانية الوصول والتباين
On white
5.72
#34733F on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.67
#34733F on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #34733F
5.72:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##34733F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##34733F | 1.00 | 5.72 | 3.67 | 5.72 |
| #FFFFFF | 5.72 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.67 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.72 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#746A3B
Deuteranopia (green-blind)
#6C6442
Tritanopia (blue-blind)
#287166
Achromatopsia (no color)
#666666
وسوم التصميم والكود
CSS
--color: #34733f; /* rgb */ color: rgb(52, 115, 63); /* oklch */ color: oklch(50.0% 0.104 147.5);
Tailwind
colors: {
custom: {
50: '#719c75',
500: '#34733f',
950: '#000000',
},
}SCSS
$custom: #34733f; $custom-light: #719c75; $custom-dark: #000000;
JSON
{
"hex": "#34733f",
"rgb": {
"r": 52,
"g": 115,
"b": 63
},
"hsl": {
"h": 130.476,
"s": 37.725,
"l": 32.745
},
"oklch": {
"l": 0.49998,
"c": 0.10424,
"h": 147.5
},
"luminance": 0.1335
}Semantic roles & 50–950 ramp
primary
#34733F
secondary
#A36097
accent
#5ABACE
background
#F7F9F7
surface
#EDF2ED
border
#C8CCC8
text
#080E08
muted
#7B7E7B