#4D2525#4D2525
#4D2525 لون داكن ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.030؛ OKLCH L 31.9% C 0.060 H 21.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 13.07:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4D2525 |
|---|---|
| RGB | rgb(77, 37, 37) |
| HSL | hsl(0, 35%, 22%) |
| HSV | hsv(0, 52%, 30%) |
| CMYK | cmyk(0%, 51.9%, 51.9%, 69.8%) |
| CIE-LAB | lab(20.18, 18.77, 8.56) |
| CIE-LCH | lch(20.18, 20.63, 24.52°) |
| OKLab | oklab(31.91% 0.0564 0.0217) |
| OKLCH | oklch(31.91% 0.06 21) |
| XYZ | xyz(4.0563, 3.0349, 2.1221) |
| Luminance | 0.0303 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Purple Brown
#673A3F
ΔE00 7.68
Wine
#722F37
ΔE00 8.78
Deep Brown
#410200
ΔE00 8.89
Dark Maroon
#3C0008
ΔE00 9.09
Dried Blood
#4B0101
ΔE00 9.37
Mahogany
#4A0100
ΔE00 9.40
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4D2525 #254D4D
analogous
#4D2539 #4D2525 #4D3925
triadic
#4D2525 #254D25 #25254D
tetradic
#4D2525 #394D25 #254D4D #39254D
square
#4D2525 #394D25 #254D4D #39254D
split-complementary
#4D2525 #254D39 #25394D
monochromatic
#150A0A #241111 #4D2525 #763939 #A04D4D
إمكانية الوصول والتباين
On white
13.07
#4D2525 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.61
#4D2525 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #4D2525
13.07:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4D2525 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4D2525 | 1.00 | 13.07 | 1.61 | 13.07 |
| #FFFFFF | 13.07 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.61 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 13.07 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#2E2C25
Deuteranopia (green-blind)
#383424
Tritanopia (blue-blind)
#542025
Achromatopsia (no color)
#313131
وسوم التصميم والكود
CSS
--color: #4d2525; /* rgb */ color: rgb(77, 37, 37); /* oklch */ color: oklch(31.9% 0.060 21.0);
Tailwind
colors: {
custom: {
50: '#81605f',
500: '#4d2525',
950: '#000000',
},
}SCSS
$custom: #4d2525; $custom-light: #81605f; $custom-dark: #000000;
JSON
{
"hex": "#4d2525",
"rgb": {
"r": 77,
"g": 37,
"b": 37
},
"hsl": {
"h": 0,
"s": 35.088,
"l": 22.353
},
"oklch": {
"l": 0.31911,
"c": 0.06038,
"h": 21
},
"luminance": 0.03034
}Semantic roles & 50–950 ramp
primary
#4D2525
secondary
#4E8080
accent
#CBCB5D
background
#F8F5F5
surface
#EFE9E9
border
#CAC5C5
text
#0B0504
muted
#7C7979