#856E55#856E55
#856E55 لون متوسط وخافت من عائلة برتقالي. الإضاءة النسبية 0.168؛ OKLCH L 55.4% C 0.047 H 69.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.82:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #856E55 |
|---|---|
| RGB | rgb(133, 110, 85) |
| HSL | hsl(31, 22%, 43%) |
| HSV | hsv(31, 36%, 52%) |
| CMYK | cmyk(0%, 17.3%, 36.1%, 47.8%) |
| CIE-LAB | lab(48.00, 5.23, 17.35) |
| CIE-LCH | lch(48.00, 18.13, 73.22°) |
| OKLab | oklab(55.37% 0.0168 0.0437) |
| OKLCH | oklch(55.37% 0.047 69) |
| XYZ | xyz(16.8889, 16.7950, 10.9447) |
| Luminance | 0.1679 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Dark Taupe
#7F684E
ΔE00 2.39
Dull Brown
#876E4B
ΔE00 3.35
Greyish Brown
#7A6A4F
ΔE00 4.36
Grey Brown
#7F7053
ΔE00 4.71
Brownish Grey
#86775F
ΔE00 4.77
Dirt
#8A6E45
ΔE00 4.99
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#856E55 #556C85
analogous
#855655 #856E55 #848555
triadic
#856E55 #55856E #6E5585
tetradic
#856E55 #558556 #556C85 #855584
square
#856E55 #558556 #556C85 #855584
split-complementary
#856E55 #558485 #565585
monochromatic
#3A3025 #604F3D #856E55 #A58D72 #BDAB98
إمكانية الوصول والتباين
On white
4.82
#856E55 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.36
#856E55 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #856E55
4.82:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##856E55 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##856E55 | 1.00 | 4.82 | 4.36 | 4.82 |
| #FFFFFF | 4.82 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.36 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.82 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#766F53
Deuteranopia (green-blind)
#7B7455
Tritanopia (blue-blind)
#8D6967
Achromatopsia (no color)
#727272
وسوم التصميم والكود
CSS
--color: #856e55; /* rgb */ color: rgb(133, 110, 85); /* oklch */ color: oklch(55.4% 0.047 69.0);
Tailwind
colors: {
custom: {
50: '#a99785',
500: '#856e55',
950: '#000000',
},
}SCSS
$custom: #856e55; $custom-light: #a99785; $custom-dark: #000000;
JSON
{
"hex": "#856e55",
"rgb": {
"r": 133,
"g": 110,
"b": 85
},
"hsl": {
"h": 31.25,
"s": 22.018,
"l": 42.745
},
"oklch": {
"l": 0.5537,
"c": 0.0468,
"h": 69
},
"luminance": 0.16794
}Semantic roles & 50–950 ramp
primary
#856E55
secondary
#8B9AAA
accent
#92BF69
background
#FAF9F8
surface
#F4F2EF
border
#CECCCA
text
#100D0B
muted
#7F7E7C