#714E41#714E41
#714E41 لون متوسط وخافت من عائلة برتقالي. الإضاءة النسبية 0.093؛ OKLCH L 45.9% C 0.052 H 41.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.32:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #714E41 |
|---|---|
| RGB | rgb(113, 78, 65) |
| HSL | hsl(16, 27%, 35%) |
| HSV | hsv(16, 42%, 44%) |
| CMYK | cmyk(0%, 31%, 42.5%, 55.7%) |
| CIE-LAB | lab(36.63, 12.96, 13.60) |
| CIE-LCH | lch(36.63, 18.78, 46.38°) |
| OKLab | oklab(45.86% 0.0391 0.0343) |
| OKLCH | oklch(45.86% 0.052 41.2) |
| XYZ | xyz(10.4890, 9.3419, 6.2507) |
| Luminance | 0.0934 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Umber
#635147
ΔE00 6.65
Walnut
#5C4A3D
ΔE00 7.59
Cocoa
#875F42
ΔE00 8.85
Purplish Brown
#6B4247
ΔE00 9.30
Purple Brown
#673A3F
ΔE00 10.47
Espresso
#4B382A
ΔE00 10.88
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#714E41 #416471
analogous
#71414C #714E41 #716641
triadic
#714E41 #41714E #4E4171
tetradic
#714E41 #4C7141 #416471 #664171
square
#714E41 #4C7141 #416471 #664171
split-complementary
#714E41 #417166 #414C71
monochromatic
#231814 #4A332B #714E41 #986957 #B2897A
إمكانية الوصول والتباين
On white
7.32
#714E41 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.87
#714E41 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #714E41
7.32:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##714E41 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##714E41 | 1.00 | 7.32 | 2.87 | 7.32 |
| #FFFFFF | 7.32 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.87 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.32 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#575240
Deuteranopia (green-blind)
#5F5941
Tritanopia (blue-blind)
#79494B
Achromatopsia (no color)
#565656
وسوم التصميم والكود
CSS
--color: #714e41; /* rgb */ color: rgb(113, 78, 65); /* oklch */ color: oklch(45.9% 0.052 41.2);
Tailwind
colors: {
custom: {
50: '#9b7f75',
500: '#714e41',
950: '#000000',
},
}SCSS
$custom: #714e41; $custom-light: #9b7f75; $custom-dark: #000000;
JSON
{
"hex": "#714e41",
"rgb": {
"r": 113,
"g": 78,
"b": 65
},
"hsl": {
"h": 16.25,
"s": 26.966,
"l": 34.902
},
"oklch": {
"l": 0.45862,
"c": 0.05202,
"h": 41.2
},
"luminance": 0.09341
}Semantic roles & 50–950 ramp
primary
#714E41
secondary
#70919E
accent
#AAC364
background
#F9F7F7
surface
#F2EEED
border
#CCC9C8
text
#0E0A08
muted
#7E7C7B