#8D725A#8D725A
#8D725A لون متوسط وخافت من عائلة برتقالي. الإضاءة النسبية 0.184؛ OKLCH L 57.2% C 0.049 H 63.2°. أفضل لون لنص المتن هو #000000 بتباين 4.69:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8D725A |
|---|---|
| RGB | rgb(141, 114, 90) |
| HSL | hsl(28, 22%, 45%) |
| HSV | hsv(28, 36%, 55%) |
| CMYK | cmyk(0%, 19.1%, 36.2%, 44.7%) |
| CIE-LAB | lab(50.02, 7.00, 17.31) |
| CIE-LCH | lch(50.02, 18.67, 68.00°) |
| OKLab | oklab(57.18% 0.022 0.0437) |
| OKLCH | oklch(57.18% 0.049 63.2) |
| XYZ | xyz(18.8477, 18.4364, 12.2367) |
| Luminance | 0.1844 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Dark Taupe
#7F684E
ΔE00 4.85
Dull Brown
#876E4B
ΔE00 4.91
Mocha
#9D7651
ΔE00 5.40
Brownish Grey
#86775F
ΔE00 5.75
Dirt
#8A6E45
ΔE00 6.04
Taupe
#8B7D6B
ΔE00 6.45
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8D725A #5A758D
analogous
#8D5A5B #8D725A #8D8B5A
triadic
#8D725A #5A8D72 #725A8D
tetradic
#8D725A #5B8D5A #5A758D #8B5A8D
square
#8D725A #5B8D5A #5A758D #8B5A8D
split-complementary
#8D725A #5A8D8B #5A5B8D
monochromatic
#42362A #685442 #8D725A #AA917A #C2B09F
إمكانية الوصول والتباين
On white
4.48
#8D725A on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.69
#8D725A on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #8D725A
4.69:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8D725A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8D725A | 1.00 | 4.48 | 4.69 | 4.69 |
| #FFFFFF | 4.48 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.69 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.69 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7B7358
Deuteranopia (green-blind)
#81795A
Tritanopia (blue-blind)
#966C6C
Achromatopsia (no color)
#777777
وسوم التصميم والكود
CSS
--color: #8d725a; /* rgb */ color: rgb(141, 114, 90); /* oklch */ color: oklch(57.2% 0.049 63.2);
Tailwind
colors: {
custom: {
50: '#af9a88',
500: '#8d725a',
950: '#000000',
},
}SCSS
$custom: #8d725a; $custom-light: #af9a88; $custom-dark: #000000;
JSON
{
"hex": "#8d725a",
"rgb": {
"r": 141,
"g": 114,
"b": 90
},
"hsl": {
"h": 28.235,
"s": 22.078,
"l": 45.294
},
"oklch": {
"l": 0.57178,
"c": 0.0489,
"h": 63.2
},
"luminance": 0.18436
}Semantic roles & 50–950 ramp
primary
#8D725A
secondary
#93A2B0
accent
#96BF69
background
#FAF9F8
surface
#F5F2F0
border
#CFCCCB
text
#100E0B
muted
#7F7E7C