#4A6C19#4A6C19
#4A6C19 لون متوسط ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.123؛ OKLCH L 48.8% C 0.116 H 129.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.09:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4A6C19 |
|---|---|
| RGB | rgb(74, 108, 25) |
| HSL | hsl(85, 62%, 26%) |
| HSV | hsv(85, 77%, 42%) |
| CMYK | cmyk(31.5%, 0%, 76.9%, 57.6%) |
| CIE-LAB | lab(41.61, -25.95, 39.99) |
| CIE-LCH | lch(41.61, 47.67, 122.98°) |
| OKLab | oklab(48.79% -0.0739 0.0895) |
| OKLCH | oklch(48.79% 0.116 129.6) |
| XYZ | xyz(8.3620, 12.2509, 2.8436) |
| Luminance | 0.1225 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Darkolivegreen
#556B2F
ΔE00 4.16
Camouflage Green
#4B6113
ΔE00 4.19
Camo Green
#526525
ΔE00 4.22
Army Green
#4B5D16
ΔE00 5.72
Muddy Green
#657432
ΔE00 6.39
Dirty Green
#667E2C
ΔE00 7.78
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4A6C19 #3B196C
analogous
#6C6419 #4A6C19 #206C19
triadic
#4A6C19 #194A6C #6C194A
tetradic
#4A6C19 #196C64 #3B196C #6C1920
square
#4A6C19 #196C64 #3B196C #6C1920
split-complementary
#4A6C19 #19206C #64196C
monochromatic
#111906 #283A0D #4A6C19 #6C9E25 #8ECF30
إمكانية الوصول والتباين
On white
6.09
#4A6C19 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.45
#4A6C19 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #4A6C19
6.09:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4A6C19 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4A6C19 | 1.00 | 6.09 | 3.45 | 6.09 |
| #FFFFFF | 6.09 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.45 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.09 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#716409
Deuteranopia (green-blind)
#6D6121
Tritanopia (blue-blind)
#4C675C
Achromatopsia (no color)
#626262
وسوم التصميم والكود
CSS
--color: #4a6c19; /* rgb */ color: rgb(74, 108, 25); /* oklch */ color: oklch(48.8% 0.116 129.6);
Tailwind
colors: {
custom: {
50: '#80965c',
500: '#4a6c19',
950: '#000000',
},
}SCSS
$custom: #4a6c19; $custom-light: #80965c; $custom-dark: #000000;
JSON
{
"hex": "#4a6c19",
"rgb": {
"r": 74,
"g": 108,
"b": 25
},
"hsl": {
"h": 84.578,
"s": 62.406,
"l": 26.078
},
"oklch": {
"l": 0.48789,
"c": 0.11604,
"h": 129.6
},
"luminance": 0.12251
}Semantic roles & 50–950 ramp
primary
#4A6C19
secondary
#683FA1
accent
#42E585
background
#F8F9F5
surface
#EFF2E9
border
#CACCC5
text
#0A0D04
muted
#7C7E79