#986D58#986D58
#986D58 لون متوسط ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.183؛ OKLCH L 57.3% C 0.063 H 47.0°. أفضل لون لنص المتن هو #000000 بتباين 4.66:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #986D58 |
|---|---|
| RGB | rgb(152, 109, 88) |
| HSL | hsl(20, 27%, 47%) |
| HSV | hsv(20, 42%, 60%) |
| CMYK | cmyk(0%, 28.3%, 42.1%, 40.4%) |
| CIE-LAB | lab(49.88, 14.32, 18.49) |
| CIE-LCH | lch(49.88, 23.39, 52.25°) |
| OKLab | oklab(57.33% 0.0432 0.0464) |
| OKLCH | oklch(57.33% 0.063 47) |
| XYZ | xyz(20.1798, 18.3186, 11.7036) |
| Luminance | 0.1832 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Brownish
#9C6D57
ΔE00 1.17
Earth
#A2653E
ΔE00 6.62
Cocoa
#875F42
ΔE00 6.88
Pinkish Brown
#B17261
ΔE00 7.03
Mocha
#9D7651
ΔE00 7.07
Reddish Grey
#997570
ΔE00 7.48
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#986D58 #588398
analogous
#985863 #986D58 #988D58
triadic
#986D58 #58986D #6D5898
tetradic
#986D58 #639858 #588398 #8D5898
square
#986D58 #639858 #588398 #8D5898
split-complementary
#986D58 #58988D #586398
monochromatic
#4A352B #715142 #986D58 #B28D7B #C9AEA2
إمكانية الوصول والتباين
On white
4.50
#986D58 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.66
#986D58 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #986D58
4.66:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##986D58 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##986D58 | 1.00 | 4.50 | 4.66 | 4.66 |
| #FFFFFF | 4.50 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.66 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.66 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#787156
Deuteranopia (green-blind)
#827A58
Tritanopia (blue-blind)
#A36667
Achromatopsia (no color)
#777777
وسوم التصميم والكود
CSS
--color: #986d58; /* rgb */ color: rgb(152, 109, 88); /* oklch */ color: oklch(57.3% 0.063 47.0);
Tailwind
colors: {
custom: {
50: '#b89787',
500: '#986d58',
950: '#000000',
},
}SCSS
$custom: #986d58; $custom-light: #b89787; $custom-dark: #000000;
JSON
{
"hex": "#986d58",
"rgb": {
"r": 152,
"g": 109,
"b": 88
},
"hsl": {
"h": 19.687,
"s": 26.667,
"l": 47.059
},
"oklch": {
"l": 0.5733,
"c": 0.06339,
"h": 47
},
"luminance": 0.18317
}Semantic roles & 50–950 ramp
primary
#986D58
secondary
#95ACB7
accent
#A4C365
background
#FBF9F8
surface
#F6F2EF
border
#D0CCCA
text
#120D0B
muted
#817E7C