#803C19#803C19
#803C19 لون داكن ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.079؛ OKLCH L 43.9% C 0.105 H 45.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.15:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #803C19 |
|---|---|
| RGB | rgb(128, 60, 25) |
| HSL | hsl(20, 67%, 30%) |
| HSV | hsv(20, 80%, 50%) |
| CMYK | cmyk(0%, 53.1%, 80.5%, 49.8%) |
| CIE-LAB | lab(33.76, 26.91, 34.10) |
| CIE-LCH | lch(33.76, 43.44, 51.72°) |
| OKLab | oklab(43.9% 0.0741 0.0747) |
| OKLCH | oklch(43.9% 0.105 45.2) |
| XYZ | xyz(10.6945, 7.8924, 1.8797) |
| Luminance | 0.0789 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Rust Brown
#8B3103
ΔE00 4.29
Reddish Brown
#7F2B0A
ΔE00 4.61
Saddlebrown
#8B4513
ΔE00 4.67
Chestnut
#742802
ΔE00 5.42
Red Brown
#8B2E16
ΔE00 5.79
Brown Red
#922B05
ΔE00 6.04
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#803C19 #195D80
analogous
#80192A #803C19 #806F19
triadic
#803C19 #19803C #3C1980
tetradic
#803C19 #2A8019 #195D80 #6F1980
square
#803C19 #2A8019 #195D80 #6F1980
split-complementary
#803C19 #19806F #192A80
monochromatic
#1A0C05 #4D240F #803C19 #B35423 #D9703B
إمكانية الوصول والتباين
On white
8.15
#803C19 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.58
#803C19 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #803C19
8.15:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##803C19 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##803C19 | 1.00 | 8.15 | 2.58 | 8.15 |
| #FFFFFF | 8.15 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.58 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.15 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4F4614
Deuteranopia (green-blind)
#605517
Tritanopia (blue-blind)
#8D2D35
Achromatopsia (no color)
#4F4F4F
وسوم التصميم والكود
CSS
--color: #803c19; /* rgb */ color: rgb(128, 60, 25); /* oklch */ color: oklch(43.9% 0.105 45.2);
Tailwind
colors: {
custom: {
50: '#ab7358',
500: '#803c19',
950: '#000000',
},
}SCSS
$custom: #803c19; $custom-light: #ab7358; $custom-dark: #000000;
JSON
{
"hex": "#803c19",
"rgb": {
"r": 128,
"g": 60,
"b": 25
},
"hsl": {
"h": 20.388,
"s": 67.32,
"l": 30
},
"oklch": {
"l": 0.43902,
"c": 0.10517,
"h": 45.2
},
"luminance": 0.07891
}Semantic roles & 50–950 ramp
primary
#803C19
secondary
#418DB4
accent
#B0EA3E
background
#FBF7F5
surface
#F6EDE9
border
#D0C8C5
text
#110803
muted
#807B78