#875D3E#875D3E
#875D3E لون متوسط ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.133؛ OKLCH L 51.6% C 0.071 H 56.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.73:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #875D3E |
|---|---|
| RGB | rgb(135, 93, 62) |
| HSL | hsl(25, 37%, 39%) |
| HSV | hsv(25, 54%, 53%) |
| CMYK | cmyk(0%, 31.1%, 54.1%, 47.1%) |
| CIE-LAB | lab(43.25, 13.45, 24.60) |
| CIE-LCH | lch(43.25, 28.03, 61.34°) |
| OKLab | oklab(51.58% 0.0389 0.0595) |
| OKLCH | oklch(51.58% 0.071 56.8) |
| XYZ | xyz(14.7763, 13.3285, 6.3509) |
| Luminance | 0.1333 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Cocoa
#875F42
ΔE00 0.97
Sepia
#985E2B
ΔE00 6.08
Milk Chocolate
#7F4E1E
ΔE00 6.76
Earth
#A2653E
ΔE00 6.89
Dirt Brown
#836539
ΔE00 7.09
Dark Taupe
#7F684E
ΔE00 7.16
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#875D3E #3E6887
analogous
#873E43 #875D3E #87813E
triadic
#875D3E #3E875D #5D3E87
tetradic
#875D3E #43873E #3E6887 #813E87
square
#875D3E #43873E #3E6887 #813E87
split-complementary
#875D3E #3E8781 #3E4387
monochromatic
#332317 #5D402B #875D3E #B07A52 #C39A7C
إمكانية الوصول والتباين
On white
5.73
#875D3E on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.67
#875D3E on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #875D3E
5.73:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##875D3E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##875D3E | 1.00 | 5.73 | 3.67 | 5.73 |
| #FFFFFF | 5.73 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.67 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.73 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#69613C
Deuteranopia (green-blind)
#736A3E
Tritanopia (blue-blind)
#925555
Achromatopsia (no color)
#666666
وسوم التصميم والكود
CSS
--color: #875d3e; /* rgb */ color: rgb(135, 93, 62); /* oklch */ color: oklch(51.6% 0.071 56.8);
Tailwind
colors: {
custom: {
50: '#ac8b74',
500: '#875d3e',
950: '#000000',
},
}SCSS
$custom: #875d3e; $custom-light: #ac8b74; $custom-dark: #000000;
JSON
{
"hex": "#875d3e",
"rgb": {
"r": 135,
"g": 93,
"b": 62
},
"hsl": {
"h": 25.479,
"s": 37.056,
"l": 38.627
},
"oklch": {
"l": 0.51581,
"c": 0.07111,
"h": 56.8
},
"luminance": 0.13327
}Semantic roles & 50–950 ramp
primary
#875D3E
secondary
#7495AD
accent
#9DCD5B
background
#FAF8F7
surface
#F5F0ED
border
#CFCBC8
text
#100C08
muted
#7F7D7B