#575F2E#575F2E
#575F2E لون متوسط ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.104؛ OKLCH L 46.6% C 0.072 H 116.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.81:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #575F2E |
|---|---|
| RGB | rgb(87, 95, 46) |
| HSL | hsl(70, 35%, 28%) |
| HSV | hsv(70, 52%, 37%) |
| CMYK | cmyk(8.4%, 0%, 51.6%, 62.7%) |
| CIE-LAB | lab(38.56, -11.46, 26.80) |
| CIE-LCH | lch(38.56, 29.15, 113.15°) |
| OKLab | oklab(46.64% -0.0324 0.0639) |
| OKLCH | oklch(46.64% 0.072 116.9) |
| XYZ | xyz(8.5159, 10.4080, 4.1446) |
| Luminance | 0.1041 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Camo Green
#526525
ΔE00 4.20
Army Green
#4B5D16
ΔE00 4.92
Darkolivegreen
#556B2F
ΔE00 5.38
Camouflage Green
#4B6113
ΔE00 5.88
Muddy Green
#657432
ΔE00 7.92
Mud Green
#606602
ΔE00 8.13
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#575F2E #362E5F
analogous
#5F4E2E #575F2E #3E5F2E
triadic
#575F2E #2E575F #5F2E57
tetradic
#575F2E #2E5F4E #362E5F #5F2E3E
square
#575F2E #2E5F4E #362E5F #5F2E3E
split-complementary
#575F2E #2E3E5F #4E2E5F
monochromatic
#13150A #31361A #575F2E #7D8842 #A1AF59
إمكانية الوصول والتباين
On white
6.81
#575F2E on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.08
#575F2E on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #575F2E
6.81:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##575F2E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##575F2E | 1.00 | 6.81 | 3.08 | 6.81 |
| #FFFFFF | 6.81 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.08 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.81 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#655B2A
Deuteranopia (green-blind)
#645B31
Tritanopia (blue-blind)
#5C5A54
Achromatopsia (no color)
#5B5B5B
وسوم التصميم والكود
CSS
--color: #575f2e; /* rgb */ color: rgb(87, 95, 46); /* oklch */ color: oklch(46.6% 0.072 116.9);
Tailwind
colors: {
custom: {
50: '#878c68',
500: '#575f2e',
950: '#000000',
},
}SCSS
$custom: #575f2e; $custom-light: #878c68; $custom-dark: #000000;
JSON
{
"hex": "#575f2e",
"rgb": {
"r": 87,
"g": 95,
"b": 46
},
"hsl": {
"h": 69.796,
"s": 34.752,
"l": 27.647
},
"oklch": {
"l": 0.4664,
"c": 0.07164,
"h": 116.9
},
"luminance": 0.10408
}Semantic roles & 50–950 ramp
primary
#575F2E
secondary
#615891
accent
#5DCB6F
background
#F8F8F6
surface
#F0F0EB
border
#CBCBC6
text
#0B0C06
muted
#7C7D7A