#6B4B4E#6B4B4E
#6B4B4E لون داكن وخافت من عائلة أحمر. الإضاءة النسبية 0.087؛ OKLCH L 44.9% C 0.044 H 12.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.66:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #6B4B4E |
|---|---|
| RGB | rgb(107, 75, 78) |
| HSL | hsl(354, 18%, 36%) |
| HSV | hsv(354, 30%, 42%) |
| CMYK | cmyk(0%, 29.9%, 27.1%, 58%) |
| CIE-LAB | lab(35.42, 14.06, 3.64) |
| CIE-LCH | lch(35.42, 14.52, 14.50°) |
| OKLab | oklab(44.86% 0.0427 0.0097) |
| OKLCH | oklch(44.86% 0.044 12.8) |
| XYZ | xyz(9.9548, 8.7086, 8.3628) |
| Luminance | 0.0871 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Purplish Brown
#6B4247
ΔE00 3.69
Purple Brown
#673A3F
ΔE00 6.07
Brownish Purple
#76424E
ΔE00 6.34
Dirty Purple
#734A65
ΔE00 9.36
Umber
#635147
ΔE00 9.53
Dark Mauve
#874C62
ΔE00 9.66
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#6B4B4E #4B6B68
analogous
#6B4B5E #6B4B4E #6B584B
triadic
#6B4B4E #4E6B4B #4B4E6B
tetradic
#6B4B4E #5E6B4B #4B6B68 #584B6B
square
#6B4B4E #5E6B4B #4B6B68 #584B6B
split-complementary
#6B4B4E #4B6B58 #4B5E6B
monochromatic
#23191A #473234 #6B4B4E #8F6468 #AA868A
إمكانية الوصول والتباين
On white
7.66
#6B4B4E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.74
#6B4B4E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #6B4B4E
7.66:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##6B4B4E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##6B4B4E | 1.00 | 7.66 | 2.74 | 7.66 |
| #FFFFFF | 7.66 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.74 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.66 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#50504E
Deuteranopia (green-blind)
#58564D
Tritanopia (blue-blind)
#71484C
Achromatopsia (no color)
#535353
وسوم التصميم والكود
CSS
--color: #6b4b4e; /* rgb */ color: rgb(107, 75, 78); /* oklch */ color: oklch(44.9% 0.044 12.8);
Tailwind
colors: {
custom: {
50: '#967d7f',
500: '#6b4b4e',
950: '#000000',
},
}SCSS
$custom: #6b4b4e; $custom-light: #967d7f; $custom-dark: #000000;
JSON
{
"hex": "#6b4b4e",
"rgb": {
"r": 107,
"g": 75,
"b": 78
},
"hsl": {
"h": 354.375,
"s": 17.582,
"l": 35.686
},
"oklch": {
"l": 0.44862,
"c": 0.04379,
"h": 12.8
},
"luminance": 0.08708
}Semantic roles & 50–950 ramp
primary
#6B4B4E
secondary
#7A9795
accent
#BAB36E
background
#F9F7F7
surface
#F2EEEE
border
#CCC9C9
text
#0D090A
muted
#7E7B7C