#511116#511116
#511116 لون داكن ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.022؛ OKLCH L 29.2% C 0.094 H 21.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 14.57:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #511116 |
|---|---|
| RGB | rgb(81, 17, 22) |
| HSL | hsl(355, 65%, 19%) |
| HSV | hsv(355, 79%, 32%) |
| CMYK | cmyk(0%, 79%, 72.8%, 68.2%) |
| CIE-LAB | lab(16.55, 29.76, 14.39) |
| CIE-LCH | lch(16.55, 33.06, 25.81°) |
| OKLab | oklab(29.21% 0.0878 0.0339) |
| OKLCH | oklch(29.21% 0.094 21.1) |
| XYZ | xyz(3.7390, 2.2087, 0.9883) |
| Luminance | 0.0221 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Dried Blood
#4B0101
ΔE00 3.83
Mahogany
#4A0100
ΔE00 3.95
Deep Brown
#410200
ΔE00 4.25
Claret
#680018
ΔE00 5.35
Dark Maroon
#3C0008
ΔE00 5.50
Rosewood
#65000B
ΔE00 6.12
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#511116 #11514C
analogous
#511136 #511116 #512C11
triadic
#511116 #165111 #111651
tetradic
#511116 #365111 #11514C #2C1151
square
#511116 #365111 #11514C #2C1151
split-complementary
#511116 #11512C #113651
monochromatic
#190507 #1E0608 #511116 #841C24 #B62631
إمكانية الوصول والتباين
On white
14.57
#511116 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.44
#511116 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #511116
14.57:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##511116 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##511116 | 1.00 | 14.57 | 1.44 | 14.57 |
| #FFFFFF | 14.57 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.44 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.57 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#232016
Deuteranopia (green-blind)
#332E14
Tritanopia (blue-blind)
#5A0013
Achromatopsia (no color)
#292929
وسوم التصميم والكود
CSS
--color: #511116; /* rgb */ color: rgb(81, 17, 22); /* oklch */ color: oklch(29.2% 0.094 21.1);
Tailwind
colors: {
custom: {
50: '#875552',
500: '#511116',
950: '#000000',
},
}SCSS
$custom: #511116; $custom-light: #875552; $custom-dark: #000000;
JSON
{
"hex": "#511116",
"rgb": {
"r": 81,
"g": 17,
"b": 22
},
"hsl": {
"h": 355.313,
"s": 65.306,
"l": 19.216
},
"oklch": {
"l": 0.29212,
"c": 0.09411,
"h": 21.1
},
"luminance": 0.02208
}Semantic roles & 50–950 ramp
primary
#511116
secondary
#348A84
accent
#E8DB40
background
#F8F5F4
surface
#F0E9E7
border
#CBC5C3
text
#0C0302
muted
#7D7878