#544128#544128
#544128 لون داكن وخافت من عائلة برتقالي. الإضاءة النسبية 0.058؛ OKLCH L 38.9% C 0.047 H 73.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.71:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #544128 |
|---|---|
| RGB | rgb(84, 65, 40) |
| HSL | hsl(34, 35%, 24%) |
| HSV | hsv(34, 52%, 33%) |
| CMYK | cmyk(0%, 22.6%, 52.4%, 67.1%) |
| CIE-LAB | lab(28.95, 4.55, 18.34) |
| CIE-LCH | lch(28.95, 18.90, 76.07°) |
| OKLab | oklab(38.92% 0.0133 0.0446) |
| OKLCH | oklch(38.92% 0.047 73.4) |
| XYZ | xyz(5.9297, 5.8190, 2.8179) |
| Luminance | 0.0582 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Espresso
#4B382A
ΔE00 5.73
Walnut
#5C4A3D
ΔE00 6.24
Mud Brown
#60460F
ΔE00 7.97
Umber
#635147
ΔE00 9.00
Brown (survey)
#653700
ΔE00 10.56
Dark Brown
#341C02
ΔE00 12.11
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#544128 #283B54
analogous
#542B28 #544128 #515428
triadic
#544128 #285441 #412854
tetradic
#544128 #28542B #283B54 #542851
square
#544128 #28542B #283B54 #542851
split-complementary
#544128 #285154 #2B2854
monochromatic
#15100A #2B2114 #544128 #7D613C #A7814F
إمكانية الوصول والتباين
On white
9.71
#544128 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.16
#544128 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #544128
9.71:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##544128 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##544128 | 1.00 | 9.71 | 2.16 | 9.71 |
| #FFFFFF | 9.71 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.16 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.71 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#484226
Deuteranopia (green-blind)
#4C4629
Tritanopia (blue-blind)
#5B3C3B
Achromatopsia (no color)
#444444
وسوم التصميم والكود
CSS
--color: #544128; /* rgb */ color: rgb(84, 65, 40); /* oklch */ color: oklch(38.9% 0.047 73.4);
Tailwind
colors: {
custom: {
50: '#857562',
500: '#544128',
950: '#000000',
},
}SCSS
$custom: #544128; $custom-light: #857562; $custom-dark: #000000;
JSON
{
"hex": "#544128",
"rgb": {
"r": 84,
"g": 65,
"b": 40
},
"hsl": {
"h": 34.091,
"s": 35.484,
"l": 24.314
},
"oklch": {
"l": 0.38921,
"c": 0.04651,
"h": 73.4
},
"luminance": 0.05819
}Semantic roles & 50–950 ramp
primary
#544128
secondary
#516887
accent
#8CCC5C
background
#F8F7F5
surface
#EFEDEA
border
#CAC8C6
text
#0B0805
muted
#7C7B79