#889C75#889C75
#889C75 لون فاتح ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.303؛ OKLCH L 66.6% C 0.060 H 130.0°. أفضل لون لنص المتن هو #000000 بتباين 7.06:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #889C75 |
|---|---|
| RGB | rgb(136, 156, 117) |
| HSL | hsl(91, 16%, 54%) |
| HSV | hsv(91, 25%, 61%) |
| CMYK | cmyk(12.8%, 0%, 25%, 38.8%) |
| CIE-LAB | lab(61.91, -14.38, 18.14) |
| CIE-LCH | lch(61.91, 23.15, 128.39°) |
| OKLab | oklab(66.65% -0.0387 0.0461) |
| OKLCH | oklch(66.65% 0.06 130) |
| XYZ | xyz(25.2522, 30.2953, 21.3434) |
| Luminance | 0.3030 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Grey Green
#86A17D
ΔE00 2.60
Greeny Grey
#7EA07A
ΔE00 3.77
Green Grey
#77926F
ΔE00 4.45
Greyish Green
#82A67D
ΔE00 4.57
Sage Green
#9CAF88
ΔE00 5.91
Greenish Grey
#96AE8D
ΔE00 5.92
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#889C75 #89759C
analogous
#9B9C75 #889C75 #759C75
triadic
#889C75 #75889C #9C7588
tetradic
#889C75 #759B9C #89759C #9C7575
square
#889C75 #759B9C #89759C #9C7575
split-complementary
#889C75 #75759C #9C759B
monochromatic
#4B583F #697B58 #889C75 #A7B699 #C5CFBC
إمكانية الوصول والتباين
On white
2.97
#889C75 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.06
#889C75 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #889C75
7.06:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##889C75 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##889C75 | 1.00 | 2.97 | 7.06 | 7.06 |
| #FFFFFF | 2.97 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.06 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.06 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A09773
Deuteranopia (green-blind)
#9D9577
Tritanopia (blue-blind)
#899991
Achromatopsia (no color)
#969696
وسوم التصميم والكود
CSS
--color: #889c75; /* rgb */ color: rgb(136, 156, 117); /* oklch */ color: oklch(66.6% 0.060 130.0);
Tailwind
colors: {
custom: {
50: '#abb99d',
500: '#889c75',
950: '#000000',
},
}SCSS
$custom: #889c75; $custom-light: #abb99d; $custom-dark: #000000;
JSON
{
"hex": "#889c75",
"rgb": {
"r": 136,
"g": 156,
"b": 117
},
"hsl": {
"h": 90.769,
"s": 16.456,
"l": 53.529
},
"oklch": {
"l": 0.66649,
"c": 0.06015,
"h": 130
},
"luminance": 0.30296
}Semantic roles & 50–950 ramp
primary
#889C75
secondary
#B7AEBF
accent
#6FB995
background
#FAFBF9
surface
#F4F6F2
border
#CED0CC
text
#10110E
muted
#7F807E