#61652F#61652F
#61652F لون متوسط ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.121؛ OKLCH L 49.0% C 0.076 H 112.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.16:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #61652F |
|---|---|
| RGB | rgb(97, 101, 47) |
| HSL | hsl(64, 36%, 29%) |
| HSV | hsv(64, 53%, 40%) |
| CMYK | cmyk(4%, 0%, 53.5%, 60.4%) |
| CIE-LAB | lab(41.30, -10.19, 29.73) |
| CIE-LCH | lch(41.30, 31.43, 108.92°) |
| OKLab | oklab(49.04% -0.0293 0.0703) |
| OKLCH | oklch(49.04% 0.076 112.7) |
| XYZ | xyz(10.0967, 12.0542, 4.4836) |
| Luminance | 0.1205 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Camo Green
#526525
ΔE00 4.76
Darkolivegreen
#556B2F
ΔE00 5.43
Muddy Green
#657432
ΔE00 5.97
Army Green
#4B5D16
ΔE00 6.16
Mud Green
#606602
ΔE00 6.37
Greenish Brown
#696112
ΔE00 6.49
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#61652F #332F65
analogous
#654E2F #61652F #46652F
triadic
#61652F #2F6165 #652F61
tetradic
#61652F #2F654E #332F65 #652F46
square
#61652F #2F654E #332F65 #652F46
split-complementary
#61652F #2F4665 #4E2F65
monochromatic
#14150A #393B1C #61652F #898F42 #ACB35B
إمكانية الوصول والتباين
On white
6.16
#61652F on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.41
#61652F on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #61652F
6.16:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##61652F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##61652F | 1.00 | 6.16 | 3.41 | 6.16 |
| #FFFFFF | 6.16 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.41 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.16 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6C612A
Deuteranopia (green-blind)
#6C6232
Tritanopia (blue-blind)
#676059
Achromatopsia (no color)
#616161
وسوم التصميم والكود
CSS
--color: #61652f; /* rgb */ color: rgb(97, 101, 47); /* oklch */ color: oklch(49.0% 0.076 112.7);
Tailwind
colors: {
custom: {
50: '#8f9069',
500: '#61652f',
950: '#000000',
},
}SCSS
$custom: #61652f; $custom-light: #8f9069; $custom-dark: #000000;
JSON
{
"hex": "#61652f",
"rgb": {
"r": 97,
"g": 101,
"b": 47
},
"hsl": {
"h": 64.444,
"s": 36.486,
"l": 29.02
},
"oklch": {
"l": 0.49044,
"c": 0.07614,
"h": 112.7
},
"luminance": 0.12054
}Semantic roles & 50–950 ramp
primary
#61652F
secondary
#5E5997
accent
#5BCC64
background
#F8F8F6
surface
#F0F0EB
border
#CBCBC6
text
#0C0C06
muted
#7D7D7A