#686142#686142
#686142 لون متوسط وخافت من عائلة أصفر. الإضاءة النسبية 0.119؛ OKLCH L 49.1% C 0.047 H 97.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.22:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #686142 |
|---|---|
| RGB | rgb(104, 97, 66) |
| HSL | hsl(49, 22%, 33%) |
| HSV | hsv(49, 37%, 41%) |
| CMYK | cmyk(0%, 6.7%, 36.5%, 59.2%) |
| CIE-LAB | lab(41.03, -2.42, 18.72) |
| CIE-LCH | lch(41.03, 18.87, 97.37°) |
| OKLab | oklab(49.09% -0.0057 0.0465) |
| OKLCH | oklch(49.09% 0.047 97) |
| XYZ | xyz(10.9671, 11.8861, 6.8697) |
| Luminance | 0.1189 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Greyish Brown
#7A6A4F
ΔE00 6.65
Grey Brown
#7F7053
ΔE00 7.66
Dark Taupe
#7F684E
ΔE00 9.63
Dirt Brown
#836539
ΔE00 10.08
Greenish Brown
#696112
ΔE00 10.08
Dull Brown
#876E4B
ΔE00 10.22
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#686142 #424968
analogous
#684E42 #686142 #5C6842
triadic
#686142 #426861 #614268
tetradic
#686142 #42684E #424968 #68425C
square
#686142 #42684E #424968 #68425C
split-complementary
#686142 #425C68 #4E4268
monochromatic
#1D1B12 #433E2A #686142 #8D845A #ABA27A
إمكانية الوصول والتباين
On white
6.22
#686142 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.38
#686142 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #686142
6.22:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##686142 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##686142 | 1.00 | 6.22 | 3.38 | 6.22 |
| #FFFFFF | 6.22 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.38 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.22 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#675F40
Deuteranopia (green-blind)
#696243
Tritanopia (blue-blind)
#6E5D59
Achromatopsia (no color)
#616161
وسوم التصميم والكود
CSS
--color: #686142; /* rgb */ color: rgb(104, 97, 66); /* oklch */ color: oklch(49.1% 0.047 97.0);
Tailwind
colors: {
custom: {
50: '#948d76',
500: '#686142',
950: '#000000',
},
}SCSS
$custom: #686142; $custom-light: #948d76; $custom-dark: #000000;
JSON
{
"hex": "#686142",
"rgb": {
"r": 104,
"g": 97,
"b": 66
},
"hsl": {
"h": 48.947,
"s": 22.353,
"l": 33.333
},
"oklch": {
"l": 0.49085,
"c": 0.04686,
"h": 97
},
"luminance": 0.11886
}Semantic roles & 50–950 ramp
primary
#686142
secondary
#6F7796
accent
#79BF69
background
#F9F8F7
surface
#F1F0ED
border
#CBCBC8
text
#0D0C08
muted
#7E7D7B