#786C30#786C30
#786C30 لون متوسط ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.149؛ OKLCH L 52.9% C 0.081 H 98.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.27:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #786C30 |
|---|---|
| RGB | rgb(120, 108, 48) |
| HSL | hsl(50, 43%, 33%) |
| HSV | hsv(50, 60%, 47%) |
| CMYK | cmyk(0%, 10%, 60%, 52.9%) |
| CIE-LAB | lab(45.54, -3.47, 34.68) |
| CIE-LCH | lch(45.54, 34.85, 95.72°) |
| OKLab | oklab(52.94% -0.0115 0.0806) |
| OKLCH | oklch(52.94% 0.081 98.2) |
| XYZ | xyz(13.6423, 14.9322, 4.9593) |
| Luminance | 0.1493 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Brown Green
#706C11
ΔE00 5.23
Greenish Brown
#696112
ΔE00 5.57
Browny Green
#6F6C0A
ΔE00 5.84
Ugly Brown
#7D7103
ΔE00 6.28
Greeny Brown
#696006
ΔE00 6.34
Olive Drab
#6F7632
ΔE00 6.92
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#786C30 #303C78
analogous
#784830 #786C30 #607830
triadic
#786C30 #30786C #6C3078
tetradic
#786C30 #307848 #303C78 #783060
square
#786C30 #307848 #303C78 #783060
split-complementary
#786C30 #306078 #483078
monochromatic
#211D0D #4C451F #786C30 #A49341 #C0B162
إمكانية الوصول والتباين
On white
5.27
#786C30 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.99
#786C30 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #786C30
5.27:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##786C30 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##786C30 | 1.00 | 5.27 | 3.99 | 5.27 |
| #FFFFFF | 5.27 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.99 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.27 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#76692A
Deuteranopia (green-blind)
#796E33
Tritanopia (blue-blind)
#81655F
Achromatopsia (no color)
#6C6C6C
وسوم التصميم والكود
CSS
--color: #786c30; /* rgb */ color: rgb(120, 108, 48); /* oklch */ color: oklch(52.9% 0.081 98.2);
Tailwind
colors: {
custom: {
50: '#a1956a',
500: '#786c30',
950: '#000000',
},
}SCSS
$custom: #786c30; $custom-light: #a1956a; $custom-dark: #000000;
JSON
{
"hex": "#786c30",
"rgb": {
"r": 120,
"g": 108,
"b": 48
},
"hsl": {
"h": 50,
"s": 42.857,
"l": 32.941
},
"oklch": {
"l": 0.52935,
"c": 0.08144,
"h": 98.2
},
"luminance": 0.14932
}Semantic roles & 50–950 ramp
primary
#786C30
secondary
#5C69A7
accent
#6AD355
background
#FAF9F6
surface
#F4F1EB
border
#CECBC6
text
#0F0D07
muted
#7F7E7A