#899278#899278
#899278 لون فاتح وخافت من عائلة أصفر مخضرّ. الإضاءة النسبية 0.272؛ OKLCH L 64.5% C 0.039 H 123.0°. أفضل لون لنص المتن هو #000000 بتباين 6.45:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #899278 |
|---|---|
| RGB | rgb(137, 146, 120) |
| HSL | hsl(81, 11%, 52%) |
| HSV | hsv(81, 18%, 57%) |
| CMYK | cmyk(6.2%, 0%, 17.8%, 42.7%) |
| CIE-LAB | lab(59.19, -8.12, 12.71) |
| CIE-LCH | lch(59.19, 15.08, 122.59°) |
| OKLab | oklab(64.53% -0.0212 0.0327) |
| OKLCH | oklch(64.53% 0.039 123) |
| XYZ | xyz(23.9851, 27.2322, 21.7584) |
| Luminance | 0.2723 (WCAG relative) |
| Temperature | neutral |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Green Grey
#77926F
ΔE00 6.45
Grey Green
#86A17D
ΔE00 7.21
Greeny Grey
#7EA07A
ΔE00 8.44
Cement
#A5A391
ΔE00 8.76
Brown Grey
#8D8468
ΔE00 8.97
Greenish Grey
#96AE8D
ΔE00 9.33
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#899278 #817892
analogous
#928E78 #899278 #7C9278
triadic
#899278 #788992 #927889
tetradic
#899278 #78928E #817892 #92787C
square
#899278 #78928E #817892 #92787C
split-complementary
#899278 #787C92 #8E7892
monochromatic
#4A4F40 #6A715B #899278 #A7AD9A #C4C9BC
إمكانية الوصول والتباين
On white
3.26
#899278 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.45
#899278 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #899278
6.45:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##899278 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##899278 | 1.00 | 3.26 | 6.45 | 6.45 |
| #FFFFFF | 3.26 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.45 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.45 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#958F76
Deuteranopia (green-blind)
#948E79
Tritanopia (blue-blind)
#8B8F8B
Achromatopsia (no color)
#8E8E8E
وسوم التصميم والكود
CSS
--color: #899278; /* rgb */ color: rgb(137, 146, 120); /* oklch */ color: oklch(64.5% 0.039 123.0);
Tailwind
colors: {
custom: {
50: '#abb29f',
500: '#899278',
950: '#000000',
},
}SCSS
$custom: #899278; $custom-light: #abb29f; $custom-dark: #000000;
JSON
{
"hex": "#899278",
"rgb": {
"r": 137,
"g": 146,
"b": 120
},
"hsl": {
"h": 80.769,
"s": 10.656,
"l": 52.157
},
"oklch": {
"l": 0.64525,
"c": 0.03897,
"h": 123
},
"luminance": 0.27232
}Semantic roles & 50–950 ramp
primary
#899278
secondary
#B1ADB9
accent
#74B48A
background
#FAFAF9
surface
#F4F5F2
border
#CECFCC
text
#10100E
muted
#7F7F7E