#715940#715940
#715940 لون متوسط وخافت من عائلة برتقالي. الإضاءة النسبية 0.110؛ OKLCH L 48.2% C 0.049 H 67.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.55:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #715940 |
|---|---|
| RGB | rgb(113, 89, 64) |
| HSL | hsl(31, 28%, 35%) |
| HSV | hsv(31, 43%, 44%) |
| CMYK | cmyk(0%, 21.2%, 43.4%, 55.7%) |
| CIE-LAB | lab(39.62, 6.16, 18.21) |
| CIE-LCH | lch(39.62, 19.23, 71.33°) |
| OKLab | oklab(48.18% 0.0188 0.0452) |
| OKLCH | oklch(48.18% 0.049 67.4) |
| XYZ | xyz(11.3082, 11.0262, 6.3821) |
| Luminance | 0.1103 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Dark Taupe
#7F684E
ΔE00 5.53
Cocoa
#875F42
ΔE00 6.62
Umber
#635147
ΔE00 7.06
Greyish Brown
#7A6A4F
ΔE00 7.15
Dirt Brown
#836539
ΔE00 7.34
Walnut
#5C4A3D
ΔE00 7.35
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#715940 #405871
analogous
#714040 #715940 #717140
triadic
#715940 #407159 #594071
tetradic
#715940 #407140 #405871 #714071
square
#715940 #407140 #405871 #714071
split-complementary
#715940 #407171 #404071
monochromatic
#231B14 #4A3A2A #715940 #987856 #B39679
إمكانية الوصول والتباين
On white
6.55
#715940 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.21
#715940 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #715940
6.55:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##715940 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##715940 | 1.00 | 6.55 | 3.21 | 6.55 |
| #FFFFFF | 6.55 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.21 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.55 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#615A3E
Deuteranopia (green-blind)
#676040
Tritanopia (blue-blind)
#795452
Achromatopsia (no color)
#5D5D5D
وسوم التصميم والكود
CSS
--color: #715940; /* rgb */ color: rgb(113, 89, 64); /* oklch */ color: oklch(48.2% 0.049 67.4);
Tailwind
colors: {
custom: {
50: '#9b8775',
500: '#715940',
950: '#000000',
},
}SCSS
$custom: #715940; $custom-light: #9b8775; $custom-dark: #000000;
JSON
{
"hex": "#715940",
"rgb": {
"r": 113,
"g": 89,
"b": 64
},
"hsl": {
"h": 30.612,
"s": 27.684,
"l": 34.706
},
"oklch": {
"l": 0.48183,
"c": 0.04897,
"h": 67.4
},
"luminance": 0.11026
}Semantic roles & 50–950 ramp
primary
#715940
secondary
#6F869E
accent
#93C464
background
#F9F8F7
surface
#F2EFED
border
#CCCAC8
text
#0E0B08
muted
#7E7C7B