#524324#524324
#524324 لون داكن وخافت من عائلة برتقالي. الإضاءة النسبية 0.059؛ OKLCH L 39.1% C 0.051 H 84.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.60:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #524324 |
|---|---|
| RGB | rgb(82, 67, 36) |
| HSL | hsl(40, 39%, 23%) |
| HSV | hsv(40, 56%, 32%) |
| CMYK | cmyk(0%, 18.3%, 56.1%, 67.8%) |
| CIE-LAB | lab(29.25, 1.87, 21.11) |
| CIE-LCH | lch(29.25, 21.19, 84.94°) |
| OKLab | oklab(39.08% 0.0051 0.0505) |
| OKLCH | oklch(39.08% 0.051 84.3) |
| XYZ | xyz(5.8055, 5.9358, 2.5087) |
| Luminance | 0.0594 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Mud Brown
#60460F
ΔE00 6.75
Espresso
#4B382A
ΔE00 8.85
Walnut
#5C4A3D
ΔE00 8.94
Green Brown
#544E03
ΔE00 10.09
Olive Brown
#645403
ΔE00 10.90
Umber
#635147
ΔE00 11.42
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#524324 #243352
analogous
#522C24 #524324 #4A5224
triadic
#524324 #245243 #432452
tetradic
#524324 #24522C #243352 #52244A
square
#524324 #24522C #243352 #52244A
split-complementary
#524324 #244A52 #2C2452
monochromatic
#151109 #272011 #524324 #7D6637 #A78849
إمكانية الوصول والتباين
On white
9.60
#524324 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.19
#524324 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #524324
9.60:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##524324 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##524324 | 1.00 | 9.60 | 2.19 | 9.60 |
| #FFFFFF | 9.60 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.19 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.60 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4A4321
Deuteranopia (green-blind)
#4E4725
Tritanopia (blue-blind)
#583E3C
Achromatopsia (no color)
#454545
وسوم التصميم والكود
CSS
--color: #524324; /* rgb */ color: rgb(82, 67, 36); /* oklch */ color: oklch(39.1% 0.051 84.3);
Tailwind
colors: {
custom: {
50: '#84775f',
500: '#524324',
950: '#000000',
},
}SCSS
$custom: #524324; $custom-light: #84775f; $custom-dark: #000000;
JSON
{
"hex": "#524324",
"rgb": {
"r": 82,
"g": 67,
"b": 36
},
"hsl": {
"h": 40.435,
"s": 38.983,
"l": 23.137
},
"oklch": {
"l": 0.3908,
"c": 0.05073,
"h": 84.3
},
"luminance": 0.05936
}Semantic roles & 50–950 ramp
primary
#524324
secondary
#4C5F86
accent
#7FCF59
background
#F8F7F5
surface
#EFEDE9
border
#CAC8C5
text
#0B0804
muted
#7C7B79