#895445#895445
#895445 لون متوسط ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.121؛ OKLCH L 50.2% C 0.075 H 36.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.14:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #895445 |
|---|---|
| RGB | rgb(137, 84, 69) |
| HSL | hsl(13, 33%, 40%) |
| HSV | hsv(13, 50%, 54%) |
| CMYK | cmyk(0%, 38.7%, 49.6%, 46.3%) |
| CIE-LAB | lab(41.36, 20.31, 18.03) |
| CIE-LCH | lch(41.36, 27.16, 41.60°) |
| OKLab | oklab(50.21% 0.0603 0.0448) |
| OKLCH | oklch(50.21% 0.075 36.6) |
| XYZ | xyz(14.5619, 12.0899, 7.1957) |
| Luminance | 0.1209 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Cocoa
#875F42
ΔE00 7.94
Sienna
#A0522D
ΔE00 8.52
Brownish
#9C6D57
ΔE00 9.39
Brownish Red
#9E3623
ΔE00 10.19
Brick
#A03623
ΔE00 10.33
Earth
#A2653E
ΔE00 10.59
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#895445 #457A89
analogous
#894558 #895445 #897645
triadic
#895445 #458954 #544589
tetradic
#895445 #588945 #457A89 #764589
square
#895445 #588945 #457A89 #764589
split-complementary
#895445 #458976 #455889
monochromatic
#38221C #603B31 #895445 #AE6F5E #C29386
إمكانية الوصول والتباين
On white
6.14
#895445 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.42
#895445 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #895445
6.14:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##895445 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##895445 | 1.00 | 6.14 | 3.42 | 6.14 |
| #FFFFFF | 6.14 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.42 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.14 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#615B44
Deuteranopia (green-blind)
#6E6644
Tritanopia (blue-blind)
#944C50
Achromatopsia (no color)
#626262
وسوم التصميم والكود
CSS
--color: #895445; /* rgb */ color: rgb(137, 84, 69); /* oklch */ color: oklch(50.2% 0.075 36.6);
Tailwind
colors: {
custom: {
50: '#ae8478',
500: '#895445',
950: '#000000',
},
}SCSS
$custom: #895445; $custom-light: #ae8478; $custom-dark: #000000;
JSON
{
"hex": "#895445",
"rgb": {
"r": 137,
"g": 84,
"b": 69
},
"hsl": {
"h": 13.235,
"s": 33.01,
"l": 40.392
},
"oklch": {
"l": 0.50213,
"c": 0.07513,
"h": 36.6
},
"luminance": 0.12089
}Semantic roles & 50–950 ramp
primary
#895445
secondary
#7CA3AD
accent
#B2C95F
background
#FBF8F7
surface
#F6EFED
border
#D0CAC8
text
#110B09
muted
#807C7B