#A2B067#A2B067
#A2B067 لون فاتح ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.397؛ OKLCH L 72.9% C 0.098 H 117.8°. أفضل لون لنص المتن هو #000000 بتباين 8.94:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A2B067 |
|---|---|
| RGB | rgb(162, 176, 103) |
| HSL | hsl(72, 32%, 55%) |
| HSV | hsv(72, 41%, 69%) |
| CMYK | cmyk(8%, 0%, 41.5%, 31%) |
| CIE-LAB | lab(69.26, -16.54, 35.71) |
| CIE-LCH | lch(69.26, 39.36, 114.85°) |
| OKLab | oklab(72.92% -0.0458 0.0869) |
| OKLCH | oklch(72.92% 0.098 117.8) |
| XYZ | xyz(32.8740, 39.7115, 18.7626) |
| Luminance | 0.3971 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Tan Green
#A9BE70
ΔE00 3.87
Light Olive
#ACBF69
ΔE00 4.36
Light Olive Green
#A4BE5C
ΔE00 5.24
Khaki (survey)
#AAA662
ΔE00 5.40
Darkkhaki
#BDB76B
ΔE00 6.46
Booger
#9BB53C
ΔE00 6.88
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A2B067 #7567B0
analogous
#B09A67 #A2B067 #7EB067
triadic
#A2B067 #67A2B0 #B067A2
tetradic
#A2B067 #67B09A #7567B0 #B0677E
square
#A2B067 #67B09A #7567B0 #B0677E
split-complementary
#A2B067 #677EB0 #9A67B0
monochromatic
#5E6736 #828F4A #A2B067 #BBC58F #D3DAB8
إمكانية الوصول والتباين
On white
2.35
#A2B067 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.94
#A2B067 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #A2B067
8.94:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A2B067 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A2B067 | 1.00 | 2.35 | 8.94 | 8.94 |
| #FFFFFF | 2.35 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.94 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.94 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B9A961
Deuteranopia (green-blind)
#B7AA6B
Tritanopia (blue-blind)
#A9A99E
Achromatopsia (no color)
#A9A9A9
وسوم التصميم والكود
CSS
--color: #a2b067; /* rgb */ color: rgb(162, 176, 103); /* oklch */ color: oklch(72.9% 0.098 117.8);
Tailwind
colors: {
custom: {
50: '#bec793',
500: '#a2b067',
950: '#000000',
},
}SCSS
$custom: #a2b067; $custom-light: #bec793; $custom-dark: #000000;
JSON
{
"hex": "#a2b067",
"rgb": {
"r": 162,
"g": 176,
"b": 103
},
"hsl": {
"h": 71.507,
"s": 31.602,
"l": 54.706
},
"oklch": {
"l": 0.72924,
"c": 0.09818,
"h": 117.8
},
"luminance": 0.39711
}Semantic roles & 50–950 ramp
primary
#A2B067
secondary
#B0AAC9
accent
#60C874
background
#FBFCF9
surface
#F7F8F1
border
#D0D1CB
text
#12130D
muted
#81827E