#9B9268#9B9268
#9B9268 لون فاتح وخافت من عائلة أصفر. الإضاءة النسبية 0.285؛ OKLCH L 65.7% C 0.059 H 97.5°. أفضل لون لنص المتن هو #000000 بتباين 6.71:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #9B9268 |
|---|---|
| RGB | rgb(155, 146, 104) |
| HSL | hsl(49, 20%, 51%) |
| HSV | hsv(49, 33%, 61%) |
| CMYK | cmyk(0%, 5.8%, 32.9%, 39.2%) |
| CIE-LAB | lab(60.36, -3.34, 23.51) |
| CIE-LCH | lch(60.36, 23.75, 98.10°) |
| OKLab | oklab(65.71% -0.0077 0.0587) |
| OKLCH | oklch(65.71% 0.059 97.5) |
| XYZ | xyz(26.2954, 28.5265, 17.2150) |
| Luminance | 0.2853 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Dark Khaki
#9B8F55
ΔE00 4.06
Dark Beige
#AC9362
ΔE00 6.06
Dark Sand
#A88F59
ΔE00 6.09
Brown Grey
#8D8468
ΔE00 6.20
Dust
#B2996E
ΔE00 7.01
Stone (survey)
#ADA587
ΔE00 7.13
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#9B9268 #68719B
analogous
#9B7868 #9B9268 #8A9B68
triadic
#9B9268 #689B92 #92689B
tetradic
#9B9268 #689B78 #68719B #9B688A
square
#9B9268 #689B78 #68719B #9B688A
split-complementary
#9B9268 #688A9B #78689B
monochromatic
#524D36 #77704F #9B9268 #B3AD8D #CCC7B2
إمكانية الوصول والتباين
On white
3.13
#9B9268 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.71
#9B9268 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #9B9268
6.71:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##9B9268 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9B9268 | 1.00 | 3.13 | 6.71 | 6.71 |
| #FFFFFF | 3.13 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.71 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.71 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9A9065
Deuteranopia (green-blind)
#9D9369
Tritanopia (blue-blind)
#A38C87
Achromatopsia (no color)
#919191
وسوم التصميم والكود
CSS
--color: #9b9268; /* rgb */ color: rgb(155, 146, 104); /* oklch */ color: oklch(65.7% 0.059 97.5);
Tailwind
colors: {
custom: {
50: '#b9b193',
500: '#9b9268',
950: '#000000',
},
}SCSS
$custom: #9b9268; $custom-light: #b9b193; $custom-dark: #000000;
JSON
{
"hex": "#9b9268",
"rgb": {
"r": 155,
"g": 146,
"b": 104
},
"hsl": {
"h": 49.412,
"s": 20.319,
"l": 50.784
},
"oklch": {
"l": 0.65714,
"c": 0.05923,
"h": 97.5
},
"luminance": 0.28526
}Semantic roles & 50–950 ramp
primary
#9B9268
secondary
#A4A8BB
accent
#79BD6B
background
#FBFAF9
surface
#F6F5F1
border
#D0CFCB
text
#11100D
muted
#807F7E