#5F641E#5F641E
#5F641E لون متوسط ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.116؛ OKLCH L 48.4% C 0.092 H 113.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.31:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5F641E |
|---|---|
| RGB | rgb(95, 100, 30) |
| HSL | hsl(64, 54%, 25%) |
| HSV | hsv(64, 70%, 39%) |
| CMYK | cmyk(5%, 0%, 70%, 60.8%) |
| CIE-LAB | lab(40.64, -12.01, 37.42) |
| CIE-LCH | lch(40.64, 39.30, 107.79°) |
| OKLab | oklab(48.41% -0.0363 0.0844) |
| OKLCH | oklch(48.41% 0.092 113.3) |
| XYZ | xyz(9.5111, 11.6412, 2.9740) |
| Luminance | 0.1164 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Mud Green
#606602
ΔE00 3.37
Camo Green
#526525
ΔE00 4.74
Greenish Brown
#696112
ΔE00 4.84
Army Green
#4B5D16
ΔE00 5.15
Brownish Green
#6A6E09
ΔE00 5.23
Camouflage Green
#4B6113
ΔE00 5.30
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5F641E #231E64
analogous
#64461E #5F641E #3C641E
triadic
#5F641E #1E5F64 #641E5F
tetradic
#5F641E #1E6446 #231E64 #641E3C
square
#5F641E #1E6446 #231E64 #641E3C
split-complementary
#5F641E #1E3C64 #461E64
monochromatic
#161807 #323510 #5F641E #8C932C #B8C23A
إمكانية الوصول والتباين
On white
6.31
#5F641E on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.33
#5F641E on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #5F641E
6.31:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5F641E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5F641E | 1.00 | 6.31 | 3.33 | 6.31 |
| #FFFFFF | 6.31 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.33 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.31 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6C5F14
Deuteranopia (green-blind)
#6C6123
Tritanopia (blue-blind)
#665E56
Achromatopsia (no color)
#606060
وسوم التصميم والكود
CSS
--color: #5f641e; /* rgb */ color: rgb(95, 100, 30); /* oklch */ color: oklch(48.4% 0.092 113.3);
Tailwind
colors: {
custom: {
50: '#8f905e',
500: '#5f641e',
950: '#000000',
},
}SCSS
$custom: #5f641e; $custom-light: #8f905e; $custom-dark: #000000;
JSON
{
"hex": "#5f641e",
"rgb": {
"r": 95,
"g": 100,
"b": 30
},
"hsl": {
"h": 64.286,
"s": 53.846,
"l": 25.49
},
"oklch": {
"l": 0.48414,
"c": 0.09187,
"h": 113.3
},
"luminance": 0.11641
}Semantic roles & 50–950 ramp
primary
#5F641E
secondary
#4B4599
accent
#4BDD55
background
#F8F8F5
surface
#F0F0E9
border
#CBCBC5
text
#0D0C05
muted
#7D7D79