#614B38#614B38
#614B38 لون داكن وخافت من عائلة برتقالي. الإضاءة النسبية 0.079؛ OKLCH L 43.1% C 0.042 H 62.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.17:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #614B38 |
|---|---|
| RGB | rgb(97, 75, 56) |
| HSL | hsl(28, 27%, 30%) |
| HSV | hsv(28, 42%, 38%) |
| CMYK | cmyk(0%, 22.7%, 42.3%, 62%) |
| CIE-LAB | lab(33.69, 6.40, 14.88) |
| CIE-LCH | lch(33.69, 16.20, 66.74°) |
| OKLab | oklab(43.08% 0.0196 0.0372) |
| OKLCH | oklch(43.08% 0.042 62.2) |
| XYZ | xyz(8.1599, 7.8595, 4.8278) |
| Luminance | 0.0786 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Walnut
#5C4A3D
ΔE00 2.82
Umber
#635147
ΔE00 4.62
Espresso
#4B382A
ΔE00 6.77
Mud Brown
#60460F
ΔE00 10.47
Cocoa
#875F42
ΔE00 10.55
Dark Taupe
#7F684E
ΔE00 10.76
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#614B38 #384E61
analogous
#61383A #614B38 #615F38
triadic
#614B38 #38614B #4B3861
tetradic
#614B38 #3A6138 #384E61 #5F3861
square
#614B38 #3A6138 #384E61 #5F3861
split-complementary
#614B38 #38615F #383A61
monochromatic
#130F0B #3A2D22 #614B38 #88694E #A9876A
إمكانية الوصول والتباين
On white
8.17
#614B38 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.57
#614B38 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #614B38
8.17:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##614B38 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##614B38 | 1.00 | 8.17 | 2.57 | 8.17 |
| #FFFFFF | 8.17 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.57 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.17 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#524C37
Deuteranopia (green-blind)
#575138
Tritanopia (blue-blind)
#684646
Achromatopsia (no color)
#4F4F4F
وسوم التصميم والكود
CSS
--color: #614b38; /* rgb */ color: rgb(97, 75, 56); /* oklch */ color: oklch(43.1% 0.042 62.2);
Tailwind
colors: {
custom: {
50: '#8f7d6e',
500: '#614b38',
950: '#000000',
},
}SCSS
$custom: #614b38; $custom-light: #8f7d6e; $custom-dark: #000000;
JSON
{
"hex": "#614b38",
"rgb": {
"r": 97,
"g": 75,
"b": 56
},
"hsl": {
"h": 27.805,
"s": 26.797,
"l": 30
},
"oklch": {
"l": 0.43075,
"c": 0.04205,
"h": 62.2
},
"luminance": 0.07859
}Semantic roles & 50–950 ramp
primary
#614B38
secondary
#637C91
accent
#97C365
background
#F8F7F6
surface
#F0EEEC
border
#CBC9C7
text
#0C0907
muted
#7D7B7A