#447947#447947
#447947 لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.154؛ OKLCH L 52.6% C 0.096 H 145.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.16:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #447947 |
|---|---|
| RGB | rgb(68, 121, 71) |
| HSL | hsl(123, 28%, 37%) |
| HSV | hsv(123, 44%, 47%) |
| CMYK | cmyk(43.8%, 0%, 41.3%, 52.5%) |
| CIE-LAB | lab(46.12, -28.93, 22.04) |
| CIE-LCH | lch(46.12, 36.37, 142.71°) |
| OKLab | oklab(52.55% -0.0787 0.0546) |
| OKLCH | oklch(52.55% 0.096 145.3) |
| XYZ | xyz(10.3581, 15.3580, 8.3786) |
| Luminance | 0.1536 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Darkish Green
#287C37
ΔE00 4.82
Dark Sage
#598556
ΔE00 5.48
Jungle Green
#048243
ΔE00 6.26
Sea Green
#2E8B57
ΔE00 7.32
Dark Sea Green
#11875D
ΔE00 8.18
Military Green
#667C3E
ΔE00 8.41
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#447947 #794476
analogous
#5C7944 #447947 #447962
triadic
#447947 #474479 #794744
tetradic
#447947 #445C79 #794476 #796244
square
#447947 #445C79 #794476 #796244
split-complementary
#447947 #624479 #79445C
monochromatic
#182B19 #2E5230 #447947 #5AA05E #80B883
إمكانية الوصول والتباين
On white
5.16
#447947 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.07
#447947 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #447947
5.16:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##447947 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##447947 | 1.00 | 5.16 | 4.07 | 5.16 |
| #FFFFFF | 5.16 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.07 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.16 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7B7043
Deuteranopia (green-blind)
#736B4A
Tritanopia (blue-blind)
#3D766D
Achromatopsia (no color)
#6D6D6D
وسوم التصميم والكود
CSS
--color: #447947; /* rgb */ color: rgb(68, 121, 71); /* oklch */ color: oklch(52.6% 0.096 145.3);
Tailwind
colors: {
custom: {
50: '#7ba07b',
500: '#447947',
950: '#000000',
},
}SCSS
$custom: #447947; $custom-light: #7ba07b; $custom-dark: #000000;
JSON
{
"hex": "#447947",
"rgb": {
"r": 68,
"g": 121,
"b": 71
},
"hsl": {
"h": 123.396,
"s": 28.042,
"l": 37.059
},
"oklch": {
"l": 0.52552,
"c": 0.09581,
"h": 145.3
},
"luminance": 0.15359
}Semantic roles & 50–950 ramp
primary
#447947
secondary
#A376A0
accent
#63BFC4
background
#F7F9F7
surface
#EEF2ED
border
#C9CCC8
text
#090F09
muted
#7B7E7B