#5B600D#5B600D
#5B600D لون متوسط ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.106؛ OKLCH L 46.9% C 0.099 H 113.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.72:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5B600D |
|---|---|
| RGB | rgb(91, 96, 13) |
| HSL | hsl(64, 76%, 21%) |
| HSV | hsv(64, 86%, 38%) |
| CMYK | cmyk(5.2%, 0%, 86.5%, 62.4%) |
| CIE-LAB | lab(38.93, -12.56, 42.13) |
| CIE-LCH | lch(38.93, 43.96, 106.61°) |
| OKLab | oklab(46.93% -0.0393 0.0912) |
| OKLCH | oklch(46.93% 0.099 113.3) |
| XYZ | xyz(8.5702, 10.6191, 1.9789) |
| Luminance | 0.1062 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Mud Green
#606602
ΔE00 2.59
Greenish Brown
#696112
ΔE00 4.52
Greeny Brown
#696006
ΔE00 4.97
Army Green
#4B5D16
ΔE00 5.06
Camouflage Green
#4B6113
ΔE00 5.31
Brownish Green
#6A6E09
ΔE00 5.50
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5B600D #120D60
analogous
#603C0D #5B600D #32600D
triadic
#5B600D #0D5B60 #600D5B
tetradic
#5B600D #0D603C #120D60 #600D32
square
#5B600D #0D603C #120D60 #600D32
split-complementary
#5B600D #0D3260 #3C0D60
monochromatic
#1A1B04 #282A06 #5B600D #8E9614 #C1CC1C
إمكانية الوصول والتباين
On white
6.72
#5B600D on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.12
#5B600D on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #5B600D
6.72:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5B600D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5B600D | 1.00 | 6.72 | 3.12 | 6.72 |
| #FFFFFF | 6.72 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.12 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.72 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#685B00
Deuteranopia (green-blind)
#685C15
Tritanopia (blue-blind)
#625A51
Achromatopsia (no color)
#5C5C5C
وسوم التصميم والكود
CSS
--color: #5b600d; /* rgb */ color: rgb(91, 96, 13); /* oklch */ color: oklch(46.9% 0.099 113.3);
Tailwind
colors: {
custom: {
50: '#8c8d55',
500: '#5b600d',
950: '#000000',
},
}SCSS
$custom: #5b600d; $custom-light: #8c8d55; $custom-dark: #000000;
JSON
{
"hex": "#5b600d",
"rgb": {
"r": 91,
"g": 96,
"b": 13
},
"hsl": {
"h": 63.614,
"s": 76.147,
"l": 21.373
},
"oklch": {
"l": 0.46925,
"c": 0.09931,
"h": 113.3
},
"luminance": 0.10619
}Semantic roles & 50–950 ramp
primary
#5B600D
secondary
#352F9A
accent
#35F341
background
#F8F8F5
surface
#F0F0E9
border
#CBCBC5
text
#0C0C03
muted
#7D7D78