#44560D#44560D
#44560D لون داكن ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.079؛ OKLCH L 42.3% C 0.097 H 123.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.13:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #44560D |
|---|---|
| RGB | rgb(68, 86, 13) |
| HSL | hsl(75, 74%, 19%) |
| HSV | hsv(75, 85%, 34%) |
| CMYK | cmyk(20.9%, 0%, 84.9%, 66.3%) |
| CIE-LAB | lab(33.80, -17.99, 36.84) |
| CIE-LCH | lch(33.80, 41.00, 116.03°) |
| OKLab | oklab(42.32% -0.0528 0.0809) |
| OKLCH | oklch(42.32% 0.097 123.2) |
| XYZ | xyz(5.7844, 7.9135, 1.6034) |
| Luminance | 0.0791 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Army Green
#4B5D16
ΔE00 2.41
Dark Olive Green
#3C4D03
ΔE00 2.96
Navy Green
#35530A
ΔE00 3.59
Camouflage Green
#4B6113
ΔE00 3.70
Camo Green
#526525
ΔE00 5.44
Darkolivegreen
#556B2F
ΔE00 7.80
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#44560D #1F0D56
analogous
#56440D #44560D #1F560D
triadic
#44560D #0D4456 #560D44
tetradic
#44560D #0D5644 #1F0D56 #560D1F
square
#44560D #0D5644 #1F0D56 #560D1F
split-complementary
#44560D #0D1F56 #440D56
monochromatic
#151B04 #1A2105 #44560D #6E8B15 #98C01D
إمكانية الوصول والتباين
On white
8.13
#44560D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.58
#44560D on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #44560D
8.13:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##44560D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##44560D | 1.00 | 8.13 | 2.58 | 8.13 |
| #FFFFFF | 8.13 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.58 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.13 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5C5000
Deuteranopia (green-blind)
#594F14
Tritanopia (blue-blind)
#485149
Achromatopsia (no color)
#4F4F4F
وسوم التصميم والكود
CSS
--color: #44560d; /* rgb */ color: rgb(68, 86, 13); /* oklch */ color: oklch(42.3% 0.097 123.2);
Tailwind
colors: {
custom: {
50: '#7b8553',
500: '#44560d',
950: '#000000',
},
}SCSS
$custom: #44560d; $custom-light: #7b8553; $custom-dark: #000000;
JSON
{
"hex": "#44560d",
"rgb": {
"r": 68,
"g": 86,
"b": 13
},
"hsl": {
"h": 74.795,
"s": 73.737,
"l": 19.412
},
"oklch": {
"l": 0.42322,
"c": 0.0966,
"h": 123.2
},
"luminance": 0.07914
}Semantic roles & 50–950 ramp
primary
#44560D
secondary
#462E91
accent
#37F065
background
#F7F8F4
surface
#EEEFE8
border
#C9CAC4
text
#090B03
muted
#7B7C78