#51381E#51381E
#51381E لون داكن وخافت من عائلة برتقالي. الإضاءة النسبية 0.047؛ OKLCH L 36.3% C 0.053 H 65.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.86:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #51381E |
|---|---|
| RGB | rgb(81, 56, 30) |
| HSL | hsl(31, 46%, 22%) |
| HSV | hsv(31, 63%, 32%) |
| CMYK | cmyk(0%, 30.9%, 63%, 68.2%) |
| CIE-LAB | lab(25.78, 7.79, 20.48) |
| CIE-LCH | lch(25.78, 21.92, 69.17°) |
| OKLab | oklab(36.3% 0.0217 0.0485) |
| OKLCH | oklch(36.3% 0.053 65.9) |
| XYZ | xyz(5.0421, 4.6718, 1.8642) |
| Luminance | 0.0467 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Espresso
#4B382A
ΔE00 5.02
Walnut
#5C4A3D
ΔE00 8.07
Brown (survey)
#653700
ΔE00 8.49
Mud Brown
#60460F
ΔE00 8.85
Dark Brown
#341C02
ΔE00 9.02
Chocolate (survey)
#3D1C02
ΔE00 9.40
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#51381E #1E3751
analogous
#511F1E #51381E #51511E
triadic
#51381E #1E5138 #381E51
tetradic
#51381E #1E511F #1E3751 #511E51
square
#51381E #1E511F #1E3751 #511E51
split-complementary
#51381E #1E5151 #1F1E51
monochromatic
#160F08 #24190D #51381E #7E572F #AA763F
إمكانية الوصول والتباين
On white
10.86
#51381E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.93
#51381E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #51381E
10.86:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##51381E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##51381E | 1.00 | 10.86 | 1.93 | 10.86 |
| #FFFFFF | 10.86 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.93 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.86 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#403A1C
Deuteranopia (green-blind)
#463F1E
Tritanopia (blue-blind)
#583232
Achromatopsia (no color)
#3D3D3D
وسوم التصميم والكود
CSS
--color: #51381e; /* rgb */ color: rgb(81, 56, 30); /* oklch */ color: oklch(36.3% 0.053 65.9);
Tailwind
colors: {
custom: {
50: '#846e5a',
500: '#51381e',
950: '#000000',
},
}SCSS
$custom: #51381e; $custom-light: #846e5a; $custom-dark: #000000;
JSON
{
"hex": "#51381e",
"rgb": {
"r": 81,
"g": 56,
"b": 30
},
"hsl": {
"h": 30.588,
"s": 45.946,
"l": 21.765
},
"oklch": {
"l": 0.36304,
"c": 0.05315,
"h": 65.9
},
"luminance": 0.04671
}Semantic roles & 50–950 ramp
primary
#51381E
secondary
#456586
accent
#93D652
background
#F8F6F5
surface
#EFEBE9
border
#CAC6C5
text
#0B0704
muted
#7C7A79