#51452A#51452A
#51452A لون داكن وخافت من عائلة برتقالي. الإضاءة النسبية 0.062؛ OKLCH L 39.6% C 0.044 H 86.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.40:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #51452A |
|---|---|
| RGB | rgb(81, 69, 42) |
| HSL | hsl(42, 32%, 24%) |
| HSV | hsv(42, 48%, 32%) |
| CMYK | cmyk(0%, 14.8%, 48.1%, 68.2%) |
| CIE-LAB | lab(29.84, 0.81, 18.18) |
| CIE-LCH | lch(29.84, 18.20, 87.45°) |
| OKLab | oklab(39.56% 0.0028 0.0444) |
| OKLCH | oklch(39.56% 0.044 86.5) |
| XYZ | xyz(5.9396, 6.1730, 3.0687) |
| Luminance | 0.0617 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Mud Brown
#60460F
ΔE00 8.37
Walnut
#5C4A3D
ΔE00 8.49
Espresso
#4B382A
ΔE00 8.95
Green Brown
#544E03
ΔE00 10.66
Umber
#635147
ΔE00 10.80
Olive Brown
#645403
ΔE00 11.74
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#51452A #2A3651
analogous
#51322A #51452A #4A512A
triadic
#51452A #2A5145 #452A51
tetradic
#51452A #2A5132 #2A3651 #512A4A
square
#51452A #2A5132 #2A3651 #512A4A
split-complementary
#51452A #2A4A51 #322A51
monochromatic
#14110A #292315 #51452A #79673F #A28A54
إمكانية الوصول والتباين
On white
9.40
#51452A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.23
#51452A on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #51452A
9.40:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##51452A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##51452A | 1.00 | 9.40 | 2.23 | 9.40 |
| #FFFFFF | 9.40 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.23 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.40 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4B4428
Deuteranopia (green-blind)
#4E482B
Tritanopia (blue-blind)
#57413E
Achromatopsia (no color)
#464646
وسوم التصميم والكود
CSS
--color: #51452a; /* rgb */ color: rgb(81, 69, 42); /* oklch */ color: oklch(39.6% 0.044 86.5);
Tailwind
colors: {
custom: {
50: '#837864',
500: '#51452a',
950: '#000000',
},
}SCSS
$custom: #51452a; $custom-light: #837864; $custom-dark: #000000;
JSON
{
"hex": "#51452a",
"rgb": {
"r": 81,
"g": 69,
"b": 42
},
"hsl": {
"h": 41.538,
"s": 31.707,
"l": 24.118
},
"oklch": {
"l": 0.39555,
"c": 0.04445,
"h": 86.5
},
"luminance": 0.06173
}Semantic roles & 50–950 ramp
primary
#51452A
secondary
#546283
accent
#80C860
background
#F8F7F5
surface
#EFEDEA
border
#CAC8C6
text
#0B0905
muted
#7C7B79