#744036#744036
#744036 لون داكن ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.076؛ OKLCH L 43.3% C 0.075 H 31.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.30:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #744036 |
|---|---|
| RGB | rgb(116, 64, 54) |
| HSL | hsl(10, 36%, 33%) |
| HSV | hsv(10, 53%, 45%) |
| CMYK | cmyk(0%, 44.8%, 53.4%, 54.5%) |
| CIE-LAB | lab(33.24, 21.45, 15.98) |
| CIE-LCH | lch(33.24, 26.75, 36.68°) |
| OKLab | oklab(43.26% 0.0636 0.0395) |
| OKLCH | oklch(43.26% 0.075 31.9) |
| XYZ | xyz(9.7023, 7.6471, 4.4544) |
| Luminance | 0.0765 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Purple Brown
#673A3F
ΔE00 7.48
Purplish Brown
#6B4247
ΔE00 7.66
Wine
#722F37
ΔE00 8.05
Red Brown
#8B2E16
ΔE00 9.61
Brownish Purple
#76424E
ΔE00 9.71
Reddish Brown
#7F2B0A
ΔE00 10.47
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#744036 #366A74
analogous
#74364B #744036 #745F36
triadic
#744036 #367440 #403674
tetradic
#744036 #4B7436 #366A74 #5F3674
square
#744036 #4B7436 #366A74 #5F3674
split-complementary
#744036 #36745F #364B74
monochromatic
#20120F #4A2923 #744036 #9E5749 #BA776B
إمكانية الوصول والتباين
On white
8.30
#744036 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.53
#744036 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #744036
8.30:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##744036 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##744036 | 1.00 | 8.30 | 2.53 | 8.30 |
| #FFFFFF | 8.30 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.53 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.30 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4C4835
Deuteranopia (green-blind)
#595235
Tritanopia (blue-blind)
#7E383E
Achromatopsia (no color)
#4E4E4E
وسوم التصميم والكود
CSS
--color: #744036; /* rgb */ color: rgb(116, 64, 54); /* oklch */ color: oklch(43.3% 0.075 31.9);
Tailwind
colors: {
custom: {
50: '#9f756d',
500: '#744036',
950: '#000000',
},
}SCSS
$custom: #744036; $custom-light: #9f756d; $custom-dark: #000000;
JSON
{
"hex": "#744036",
"rgb": {
"r": 116,
"g": 64,
"b": 54
},
"hsl": {
"h": 9.677,
"s": 36.471,
"l": 33.333
},
"oklch": {
"l": 0.43257,
"c": 0.07485,
"h": 31.9
},
"luminance": 0.07646
}Semantic roles & 50–950 ramp
primary
#744036
secondary
#6398A3
accent
#BACC5B
background
#FAF7F6
surface
#F3EDEB
border
#CDC8C6
text
#0F0807
muted
#7F7B7A