#875D49#875D49
#875D49 لون متوسط ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.135؛ OKLCH L 51.8% C 0.063 H 46.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.69:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #875D49 |
|---|---|
| RGB | rgb(135, 93, 73) |
| HSL | hsl(19, 30%, 41%) |
| HSV | hsv(19, 46%, 53%) |
| CMYK | cmyk(0%, 31.1%, 45.9%, 47.1%) |
| CIE-LAB | lab(43.45, 14.60, 18.37) |
| CIE-LCH | lch(43.45, 23.47, 51.52°) |
| OKLab | oklab(51.8% 0.0436 0.0457) |
| OKLCH | oklch(51.8% 0.063 46.3) |
| XYZ | xyz(15.1093, 13.4617, 8.1046) |
| Luminance | 0.1346 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Cocoa
#875F42
ΔE00 3.84
Brownish
#9C6D57
ΔE00 6.77
Earth
#A2653E
ΔE00 8.28
Sienna
#A0522D
ΔE00 8.89
Dark Taupe
#7F684E
ΔE00 8.90
Sepia
#985E2B
ΔE00 9.41
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#875D49 #497387
analogous
#874954 #875D49 #877C49
triadic
#875D49 #49875D #5D4987
tetradic
#875D49 #548749 #497387 #7C4987
square
#875D49 #548749 #497387 #7C4987
split-complementary
#875D49 #49877C #495487
monochromatic
#38261E #5F4234 #875D49 #AA7A63 #C09C8A
إمكانية الوصول والتباين
On white
5.69
#875D49 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.69
#875D49 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #875D49
5.69:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##875D49 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##875D49 | 1.00 | 5.69 | 3.69 | 5.69 |
| #FFFFFF | 5.69 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.69 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.69 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#686147
Deuteranopia (green-blind)
#726A49
Tritanopia (blue-blind)
#915658
Achromatopsia (no color)
#676767
وسوم التصميم والكود
CSS
--color: #875d49; /* rgb */ color: rgb(135, 93, 73); /* oklch */ color: oklch(51.8% 0.063 46.3);
Tailwind
colors: {
custom: {
50: '#ac8b7c',
500: '#875d49',
950: '#000000',
},
}SCSS
$custom: #875d49; $custom-light: #ac8b7c; $custom-dark: #000000;
JSON
{
"hex": "#875d49",
"rgb": {
"r": 135,
"g": 93,
"b": 73
},
"hsl": {
"h": 19.355,
"s": 29.808,
"l": 40.784
},
"oklch": {
"l": 0.51798,
"c": 0.06321,
"h": 46.3
},
"luminance": 0.13461
}Semantic roles & 50–950 ramp
primary
#875D49
secondary
#809EAC
accent
#A6C662
background
#FAF8F7
surface
#F4F0EE
border
#CECBC9
text
#100C09
muted
#7F7D7B