#656115#656115
#656115 لون متوسط ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.114؛ OKLCH L 48.2% C 0.094 H 106.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.41:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #656115 |
|---|---|
| RGB | rgb(101, 97, 21) |
| HSL | hsl(57, 66%, 24%) |
| HSV | hsv(57, 79%, 40%) |
| CMYK | cmyk(0%, 4%, 79.2%, 60.4%) |
| CIE-LAB | lab(40.20, -7.95, 40.90) |
| CIE-LCH | lch(40.20, 41.67, 101.01°) |
| OKLab | oklab(48.17% -0.0263 0.0898) |
| OKLCH | oklch(48.17% 0.094 106.3) |
| XYZ | xyz(9.7773, 11.3706, 2.3890) |
| Luminance | 0.1137 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Greenish Brown
#696112
ΔE00 1.51
Greeny Brown
#696006
ΔE00 2.37
Mud Green
#606602
ΔE00 3.80
Brown Green
#706C11
ΔE00 4.38
Browny Green
#6F6C0A
ΔE00 4.57
Brownish Green
#6A6E09
ΔE00 5.36
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#656115 #151965
analogous
#653915 #656115 #416515
triadic
#656115 #156561 #611565
tetradic
#656115 #156539 #151965 #651541
square
#656115 #156539 #151965 #651541
split-complementary
#656115 #154165 #391565
monochromatic
#191805 #32300A #656115 #989220 #CAC22A
إمكانية الوصول والتباين
On white
6.41
#656115 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.27
#656115 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #656115
6.41:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##656115 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##656115 | 1.00 | 6.41 | 3.27 | 6.41 |
| #FFFFFF | 6.41 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.27 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.41 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6A5D05
Deuteranopia (green-blind)
#6C601B
Tritanopia (blue-blind)
#6D5A53
Achromatopsia (no color)
#5F5F5F
وسوم التصميم والكود
CSS
--color: #656115; /* rgb */ color: rgb(101, 97, 21); /* oklch */ color: oklch(48.2% 0.094 106.3);
Tailwind
colors: {
custom: {
50: '#948d59',
500: '#656115',
950: '#000000',
},
}SCSS
$custom: #656115; $custom-light: #948d59; $custom-dark: #000000;
JSON
{
"hex": "#656115",
"rgb": {
"r": 101,
"g": 97,
"b": 21
},
"hsl": {
"h": 57,
"s": 65.574,
"l": 23.922
},
"oklch": {
"l": 0.48174,
"c": 0.09356,
"h": 106.3
},
"luminance": 0.1137
}Semantic roles & 50–950 ramp
primary
#656115
secondary
#3A3F9C
accent
#48E93F
background
#F9F8F5
surface
#F2F0E9
border
#CCCBC5
text
#0D0C04
muted
#7E7D79