#5F5331#5F5331
#5F5331 لون داكن وخافت من عائلة برتقالي. الإضاءة النسبية 0.088؛ OKLCH L 44.5% C 0.053 H 90.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.59:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5F5331 |
|---|---|
| RGB | rgb(95, 83, 49) |
| HSL | hsl(44, 32%, 28%) |
| HSV | hsv(44, 48%, 37%) |
| CMYK | cmyk(0%, 12.6%, 48.4%, 62.7%) |
| CIE-LAB | lab(35.68, -0.32, 21.68) |
| CIE-LCH | lch(35.68, 21.68, 90.85°) |
| OKLab | oklab(44.54% -0.0006 0.0526) |
| OKLCH | oklch(44.54% 0.053 90.7) |
| XYZ | xyz(8.3672, 8.8415, 4.1710) |
| Luminance | 0.0884 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Mud Brown
#60460F
ΔE00 8.00
Green Brown
#544E03
ΔE00 8.73
Olive Brown
#645403
ΔE00 8.74
Mud
#735C12
ΔE00 9.44
Greyish Brown
#7A6A4F
ΔE00 9.52
Greenish Brown
#696112
ΔE00 10.11
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5F5331 #313D5F
analogous
#5F3C31 #5F5331 #545F31
triadic
#5F5331 #315F53 #53315F
tetradic
#5F5331 #315F3C #313D5F #5F3154
square
#5F5331 #315F3C #313D5F #5F3154
split-complementary
#5F5331 #31545F #3C315F
monochromatic
#14120A #37301C #5F5331 #877646 #AC985E
إمكانية الوصول والتباين
On white
7.59
#5F5331 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.77
#5F5331 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #5F5331
7.59:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5F5331 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5F5331 | 1.00 | 7.59 | 2.77 | 7.59 |
| #FFFFFF | 7.59 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.77 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.59 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5A522E
Deuteranopia (green-blind)
#5D5532
Tritanopia (blue-blind)
#664E4B
Achromatopsia (no color)
#545454
وسوم التصميم والكود
CSS
--color: #5f5331; /* rgb */ color: rgb(95, 83, 49); /* oklch */ color: oklch(44.5% 0.053 90.7);
Tailwind
colors: {
custom: {
50: '#8d8369',
500: '#5f5331',
950: '#000000',
},
}SCSS
$custom: #5f5331; $custom-light: #8d8369; $custom-dark: #000000;
JSON
{
"hex": "#5f5331",
"rgb": {
"r": 95,
"g": 83,
"b": 49
},
"hsl": {
"h": 44.348,
"s": 31.944,
"l": 28.235
},
"oklch": {
"l": 0.44542,
"c": 0.05259,
"h": 90.7
},
"luminance": 0.08841
}Semantic roles & 50–950 ramp
primary
#5F5331
secondary
#5C6990
accent
#7BC860
background
#F8F8F6
surface
#F0EFEB
border
#CBCAC6
text
#0C0A06
muted
#7D7C7A