#ADB877#ADB877
#ADB877 لون فاتح ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.445؛ OKLCH L 75.8% C 0.088 H 116.4°. أفضل لون لنص المتن هو #000000 بتباين 9.90:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #ADB877 |
|---|---|
| RGB | rgb(173, 184, 119) |
| HSL | hsl(70, 31%, 59%) |
| HSV | hsv(70, 35%, 72%) |
| CMYK | cmyk(6%, 0%, 35.3%, 27.8%) |
| CIE-LAB | lab(72.56, -14.34, 31.79) |
| CIE-LCH | lch(72.56, 34.87, 114.28°) |
| OKLab | oklab(75.84% -0.0389 0.0785) |
| OKLCH | oklch(75.84% 0.088 116.4) |
| XYZ | xyz(37.7039, 44.4974, 24.0518) |
| Luminance | 0.4450 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Tan Green
#A9BE70
ΔE00 3.22
Light Olive
#ACBF69
ΔE00 4.09
Pale Olive
#B9CC81
ΔE00 5.29
Greenish Tan
#BCCB7A
ΔE00 5.40
Darkkhaki
#BDB76B
ΔE00 5.59
Light Olive Green
#A4BE5C
ΔE00 5.97
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#ADB877 #8277B8
analogous
#B8A377 #ADB877 #8DB877
triadic
#ADB877 #77ADB8 #B877AD
tetradic
#ADB877 #77B8A3 #8277B8 #B8778D
square
#ADB877 #77B8A3 #8277B8 #B8778D
split-complementary
#ADB877 #778DB8 #A377B8
monochromatic
#6D773E #929F53 #ADB877 #C5CD9F #DDE2C7
إمكانية الوصول والتباين
On white
2.12
#ADB877 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.90
#ADB877 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #ADB877
9.90:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##ADB877 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##ADB877 | 1.00 | 2.12 | 9.90 | 9.90 |
| #FFFFFF | 2.12 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.90 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.90 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C1B272
Deuteranopia (green-blind)
#BFB37A
Tritanopia (blue-blind)
#B4B1A8
Achromatopsia (no color)
#B2B2B2
وسوم التصميم والكود
CSS
--color: #adb877; /* rgb */ color: rgb(173, 184, 119); /* oklch */ color: oklch(75.8% 0.088 116.4);
Tailwind
colors: {
custom: {
50: '#c6cd9f',
500: '#adb877',
950: '#000000',
},
}SCSS
$custom: #adb877; $custom-light: #c6cd9f; $custom-dark: #000000;
JSON
{
"hex": "#adb877",
"rgb": {
"r": 173,
"g": 184,
"b": 119
},
"hsl": {
"h": 70.154,
"s": 31.401,
"l": 59.412
},
"oklch": {
"l": 0.75839,
"c": 0.0876,
"h": 116.4
},
"luminance": 0.44497
}Semantic roles & 50–950 ramp
primary
#ADB877
secondary
#BDB9D2
accent
#60C872
background
#FCFCF9
surface
#F8F9F2
border
#D1D2CC
text
#13130E
muted
#82827E