#9D896B#9D896B
#9D896B لون فاتح وخافت من عائلة برتقالي. الإضاءة النسبية 0.261؛ OKLCH L 64.0% C 0.049 H 77.7°. أفضل لون لنص المتن هو #000000 بتباين 6.22:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #9D896B |
|---|---|
| RGB | rgb(157, 137, 107) |
| HSL | hsl(36, 20%, 52%) |
| HSV | hsv(36, 32%, 62%) |
| CMYK | cmyk(0%, 12.7%, 31.8%, 38.4%) |
| CIE-LAB | lab(58.15, 2.88, 18.89) |
| CIE-LCH | lch(58.15, 19.11, 81.34°) |
| OKLab | oklab(64.04% 0.0104 0.0477) |
| OKLCH | oklch(64.04% 0.049 77.7) |
| XYZ | xyz(25.5045, 26.1219, 17.6056) |
| Luminance | 0.2612 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Pale Brown
#B1916E
ΔE00 5.56
Brown Grey
#8D8468
ΔE00 5.70
Dark Beige
#AC9362
ΔE00 6.22
Taupe
#8B7D6B
ΔE00 6.29
Dust
#B2996E
ΔE00 6.53
Dark Sand
#A88F59
ΔE00 6.71
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#9D896B #6B7F9D
analogous
#9D706B #9D896B #989D6B
triadic
#9D896B #6B9D89 #896B9D
tetradic
#9D896B #6B9D70 #6B7F9D #9D6B98
square
#9D896B #6B9D70 #6B7F9D #9D6B98
split-complementary
#9D896B #6B989D #706B9D
monochromatic
#554A38 #7A6A51 #9D896B #B5A690 #CEC4B5
إمكانية الوصول والتباين
On white
3.37
#9D896B on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.22
#9D896B on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #9D896B
6.22:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##9D896B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9D896B | 1.00 | 3.37 | 6.22 | 6.22 |
| #FFFFFF | 3.37 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.22 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.22 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#918969
Deuteranopia (green-blind)
#968E6C
Tritanopia (blue-blind)
#A58381
Achromatopsia (no color)
#8C8C8C
وسوم التصميم والكود
CSS
--color: #9d896b; /* rgb */ color: rgb(157, 137, 107); /* oklch */ color: oklch(64.0% 0.049 77.7);
Tailwind
colors: {
custom: {
50: '#baab95',
500: '#9d896b',
950: '#000000',
},
}SCSS
$custom: #9d896b; $custom-light: #baab95; $custom-dark: #000000;
JSON
{
"hex": "#9d896b",
"rgb": {
"r": 157,
"g": 137,
"b": 107
},
"hsl": {
"h": 36,
"s": 20.325,
"l": 51.765
},
"oklch": {
"l": 0.64036,
"c": 0.04885,
"h": 77.7
},
"luminance": 0.26121
}Semantic roles & 50–950 ramp
primary
#9D896B
secondary
#A7B0BD
accent
#8CBD6B
background
#FBFAF9
surface
#F6F4F1
border
#D0CECB
text
#12100D
muted
#817F7E