#897772#897772
#897772 لون متوسط وخافت من عائلة أحمر. الإضاءة النسبية 0.197؛ OKLCH L 58.4% C 0.024 H 36.0°. أفضل لون لنص المتن هو #000000 بتباين 4.95:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #897772 |
|---|---|
| RGB | rgb(137, 119, 114) |
| HSL | hsl(13, 9%, 49%) |
| HSV | hsv(13, 17%, 54%) |
| CMYK | cmyk(0%, 13.1%, 16.8%, 46.3%) |
| CIE-LAB | lab(51.53, 6.08, 5.31) |
| CIE-LCH | lch(51.53, 8.07, 41.12°) |
| OKLab | oklab(58.44% 0.0192 0.014) |
| OKLCH | oklch(58.44% 0.024 36) |
| XYZ | xyz(19.9505, 19.7274, 18.6732) |
| Luminance | 0.1973 (WCAG relative) |
| Temperature | neutral |
| Family | red |
أقرب الألوان المُسمّاة
Reddish Grey
#997570
ΔE00 6.64
Warm Grey
#978A84
ΔE00 7.05
Taupe
#8B7D6B
ΔE00 7.81
Gray
#808080
ΔE00 8.76
Brownish Grey
#86775F
ΔE00 10.01
Medium Grey
#7D7F7C
ΔE00 10.34
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#897772 #728489
analogous
#897279 #897772 #898372
triadic
#897772 #728977 #777289
tetradic
#897772 #798972 #728489 #837289
square
#897772 #798972 #728489 #837289
split-complementary
#897772 #728983 #727989
monochromatic
#463D3A #685A56 #897772 #A59793 #C1B7B4
إمكانية الوصول والتباين
On white
4.25
#897772 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.95
#897772 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #897772
4.95:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##897772 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##897772 | 1.00 | 4.25 | 4.95 | 4.95 |
| #FFFFFF | 4.25 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.95 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.95 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7B7972
Deuteranopia (green-blind)
#7F7C72
Tritanopia (blue-blind)
#8E7576
Achromatopsia (no color)
#7B7B7B
وسوم التصميم والكود
CSS
--color: #897772; /* rgb */ color: rgb(137, 119, 114); /* oklch */ color: oklch(58.4% 0.024 36.0);
Tailwind
colors: {
custom: {
50: '#ab9e9a',
500: '#897772',
950: '#000000',
},
}SCSS
$custom: #897772; $custom-light: #ab9e9a; $custom-dark: #000000;
JSON
{
"hex": "#897772",
"rgb": {
"r": 137,
"g": 119,
"b": 114
},
"hsl": {
"h": 13.043,
"s": 9.163,
"l": 49.216
},
"oklch": {
"l": 0.58444,
"c": 0.02375,
"h": 36
},
"luminance": 0.19727
}Semantic roles & 50–950 ramp
primary
#897772
secondary
#A6AEB1
accent
#A5B276
background
#FAF9F9
surface
#F4F2F2
border
#CECCCC
text
#100E0E
muted
#7F7E7E