#514441#514441
#514441 لون داكن ومحايد تقريباً من عائلة أحمر. الإضاءة النسبية 0.063؛ OKLCH L 39.9% C 0.019 H 33.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.32:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #514441 |
|---|---|
| RGB | rgb(81, 68, 65) |
| HSL | hsl(11, 11%, 29%) |
| HSV | hsv(11, 20%, 32%) |
| CMYK | cmyk(0%, 16%, 19.8%, 68.2%) |
| CIE-LAB | lab(30.07, 4.98, 3.88) |
| CIE-LCH | lch(30.07, 6.31, 37.88°) |
| OKLab | oklab(39.91% 0.0156 0.0102) |
| OKLCH | oklch(39.91% 0.019 33.1) |
| XYZ | xyz(6.4146, 6.2654, 5.8714) |
| Luminance | 0.0626 (WCAG relative) |
| Temperature | neutral |
| Family | red |
أقرب الألوان المُسمّاة
Walnut
#5C4A3D
ΔE00 5.78
Umber
#635147
ΔE00 6.10
Espresso
#4B382A
ΔE00 7.17
Dark Grey
#363737
ΔE00 9.42
Charcoal Grey
#3C4142
ΔE00 10.49
Onyx
#353839
ΔE00 10.61
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#514441 #414E51
analogous
#514146 #514441 #514C41
triadic
#514441 #415144 #444151
tetradic
#514441 #465141 #414E51 #4C4151
square
#514441 #465141 #414E51 #4C4151
split-complementary
#514441 #41514C #414651
monochromatic
#110E0E #2F2726 #514441 #73615C #937E79
إمكانية الوصول والتباين
On white
9.32
#514441 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.25
#514441 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #514441
9.32:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##514441 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##514441 | 1.00 | 9.32 | 2.25 | 9.32 |
| #FFFFFF | 9.32 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.25 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.32 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#474541
Deuteranopia (green-blind)
#4A4841
Tritanopia (blue-blind)
#544243
Achromatopsia (no color)
#474747
وسوم التصميم والكود
CSS
--color: #514441; /* rgb */ color: rgb(81, 68, 65); /* oklch */ color: oklch(39.9% 0.019 33.1);
Tailwind
colors: {
custom: {
50: '#827775',
500: '#514441',
950: '#000000',
},
}SCSS
$custom: #514441; $custom-light: #827775; $custom-dark: #000000;
JSON
{
"hex": "#514441",
"rgb": {
"r": 81,
"g": 68,
"b": 65
},
"hsl": {
"h": 11.25,
"s": 10.959,
"l": 28.627
},
"oklch": {
"l": 0.39907,
"c": 0.01863,
"h": 33.1
},
"luminance": 0.06265
}Semantic roles & 50–950 ramp
primary
#514441
secondary
#6E7D80
accent
#A8B474
background
#F7F7F7
surface
#EEEDED
border
#C9C8C8
text
#0A0808
muted
#7C7B7B