#85A16C#85A16C
#85A16C لون فاتح ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.316؛ OKLCH L 67.4% C 0.081 H 130.9°. أفضل لون لنص المتن هو #000000 بتباين 7.31:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #85A16C |
|---|---|
| RGB | rgb(133, 161, 108) |
| HSL | hsl(92, 22%, 53%) |
| HSV | hsv(92, 33%, 63%) |
| CMYK | cmyk(17.4%, 0%, 32.9%, 36.9%) |
| CIE-LAB | lab(62.98, -19.53, 24.50) |
| CIE-LCH | lch(62.98, 31.33, 128.56°) |
| OKLab | oklab(67.39% -0.0531 0.0612) |
| OKLCH | oklch(67.39% 0.081 130.9) |
| XYZ | xyz(25.1240, 31.5586, 18.9522) |
| Luminance | 0.3156 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Sage
#87AE73
ΔE00 4.08
Greyish Green
#82A67D
ΔE00 4.28
Moss
#769958
ΔE00 4.29
Grey Green
#86A17D
ΔE00 4.51
Greeny Grey
#7EA07A
ΔE00 4.55
Moss Green
#8A9A5B
ΔE00 4.66
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#85A16C #886CA1
analogous
#A0A16C #85A16C #6CA16D
triadic
#85A16C #6C85A1 #A16C85
tetradic
#85A16C #6CA0A1 #886CA1 #A16D6C
square
#85A16C #6CA0A1 #886CA1 #A16D6C
split-complementary
#85A16C #6D6CA1 #A16CA0
monochromatic
#485939 #677F51 #85A16C #A4B991 #C3D1B7
إمكانية الوصول والتباين
On white
2.87
#85A16C on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.31
#85A16C on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #85A16C
7.31:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##85A16C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##85A16C | 1.00 | 2.87 | 7.31 | 7.31 |
| #FFFFFF | 2.87 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.31 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.31 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A69A68
Deuteranopia (green-blind)
#A1986F
Tritanopia (blue-blind)
#869D93
Achromatopsia (no color)
#989898
وسوم التصميم والكود
CSS
--color: #85a16c; /* rgb */ color: rgb(133, 161, 108); /* oklch */ color: oklch(67.4% 0.081 130.9);
Tailwind
colors: {
custom: {
50: '#a9bd96',
500: '#85a16c',
950: '#000000',
},
}SCSS
$custom: #85a16c; $custom-light: #a9bd96; $custom-dark: #000000;
JSON
{
"hex": "#85a16c",
"rgb": {
"r": 133,
"g": 161,
"b": 108
},
"hsl": {
"h": 91.698,
"s": 21.992,
"l": 52.745
},
"oklch": {
"l": 0.67394,
"c": 0.08103,
"h": 130.9
},
"luminance": 0.31559
}Semantic roles & 50–950 ramp
primary
#85A16C
secondary
#B5A9C0
accent
#69BF96
background
#FAFBF9
surface
#F4F6F2
border
#CED0CC
text
#10120D
muted
#7F817E