#57372F#57372F
#57372F لون داكن وخافت من عائلة أحمر. الإضاءة النسبية 0.050؛ OKLCH L 37.3% C 0.048 H 34.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.54:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #57372F |
|---|---|
| RGB | rgb(87, 55, 47) |
| HSL | hsl(12, 30%, 26%) |
| HSV | hsv(12, 46%, 34%) |
| CMYK | cmyk(0%, 36.8%, 46%, 65.9%) |
| CIE-LAB | lab(26.63, 13.20, 10.89) |
| CIE-LCH | lch(26.63, 17.11, 39.53°) |
| OKLab | oklab(37.25% 0.0397 0.0275) |
| OKLCH | oklch(37.25% 0.048 34.7) |
| XYZ | xyz(5.8100, 4.9643, 3.3410) |
| Luminance | 0.0496 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Espresso
#4B382A
ΔE00 7.22
Purple Brown
#673A3F
ΔE00 7.65
Purplish Brown
#6B4247
ΔE00 8.32
Walnut
#5C4A3D
ΔE00 9.04
Umber
#635147
ΔE00 10.03
Wine
#722F37
ΔE00 10.52
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#57372F #2F4F57
analogous
#572F3B #57372F #574B2F
triadic
#57372F #2F5737 #372F57
tetradic
#57372F #3B572F #2F4F57 #4B2F57
square
#57372F #3B572F #2F4F57 #4B2F57
split-complementary
#57372F #2F574B #2F3B57
monochromatic
#140D0B #2F1E1A #57372F #7F5044 #A6695A
إمكانية الوصول والتباين
On white
10.54
#57372F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.99
#57372F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #57372F
10.54:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##57372F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##57372F | 1.00 | 10.54 | 1.99 | 10.54 |
| #FFFFFF | 10.54 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.99 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.54 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3E3B2E
Deuteranopia (green-blind)
#46422F
Tritanopia (blue-blind)
#5E3235
Achromatopsia (no color)
#3F3F3F
وسوم التصميم والكود
CSS
--color: #57372f; /* rgb */ color: rgb(87, 55, 47); /* oklch */ color: oklch(37.3% 0.048 34.7);
Tailwind
colors: {
custom: {
50: '#886e67',
500: '#57372f',
950: '#000000',
},
}SCSS
$custom: #57372f; $custom-light: #886e67; $custom-dark: #000000;
JSON
{
"hex": "#57372f",
"rgb": {
"r": 87,
"g": 55,
"b": 47
},
"hsl": {
"h": 12,
"s": 29.851,
"l": 26.275
},
"oklch": {
"l": 0.37251,
"c": 0.04827,
"h": 34.7
},
"luminance": 0.04964
}Semantic roles & 50–950 ramp
primary
#57372F
secondary
#597F88
accent
#B2C662
background
#F8F6F6
surface
#F0EBEB
border
#CBC6C6
text
#0B0706
muted
#7C7A7A