#738176#738176
#738176 لون متوسط وخافت من عائلة grey. الإضاءة النسبية 0.207؛ OKLCH L 58.8% C 0.023 H 151.9°. أفضل لون لنص المتن هو #000000 بتباين 5.13:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #738176 |
|---|---|
| RGB | rgb(115, 129, 118) |
| HSL | hsl(133, 6%, 48%) |
| HSV | hsv(133, 11%, 51%) |
| CMYK | cmyk(10.9%, 0%, 8.5%, 49.4%) |
| CIE-LAB | lab(52.57, -7.41, 4.22) |
| CIE-LCH | lch(52.57, 8.53, 150.35°) |
| OKLab | oklab(58.84% -0.0206 0.011) |
| OKLCH | oklch(58.84% 0.023 151.9) |
| XYZ | xyz(18.1898, 20.6531, 20.1642) |
| Luminance | 0.2065 (WCAG relative) |
| Temperature | neutral |
| Family | grey |
أقرب الألوان المُسمّاة
Medium Grey
#7D7F7C
ΔE00 7.24
Gray
#808080
ΔE00 9.43
Flint
#6F7A80
ΔE00 9.75
Steel Grey
#6F828A
ΔE00 9.84
Grey
#929591
ΔE00 10.36
Green Grey
#77926F
ΔE00 10.41
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#738176 #81737E
analogous
#778173 #738176 #73817D
triadic
#738176 #767381 #817673
tetradic
#738176 #737781 #81737E #817D73
square
#738176 #737781 #81737E #817D73
split-complementary
#738176 #7D7381 #817377
monochromatic
#39403B #566158 #738176 #939E95 #B3BBB5
إمكانية الوصول والتباين
On white
4.09
#738176 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.13
#738176 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #738176
5.13:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##738176 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##738176 | 1.00 | 4.09 | 5.13 | 5.13 |
| #FFFFFF | 4.09 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.13 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.13 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#817E75
Deuteranopia (green-blind)
#7F7D77
Tritanopia (blue-blind)
#71807E
Achromatopsia (no color)
#7D7D7D
وسوم التصميم والكود
CSS
--color: #738176; /* rgb */ color: rgb(115, 129, 118); /* oklch */ color: oklch(58.8% 0.023 151.9);
Tailwind
colors: {
custom: {
50: '#9ba59d',
500: '#738176',
950: '#000000',
},
}SCSS
$custom: #738176; $custom-light: #9ba59d; $custom-dark: #000000;
JSON
{
"hex": "#738176",
"rgb": {
"r": 115,
"g": 129,
"b": 118
},
"hsl": {
"h": 132.857,
"s": 5.738,
"l": 47.843
},
"oklch": {
"l": 0.58837,
"c": 0.02335,
"h": 151.9
},
"luminance": 0.20653
}Semantic roles & 50–950 ramp
primary
#738176
secondary
#ABA4AA
accent
#79A3AF
background
#F9FAF9
surface
#F2F4F2
border
#CCCECC
text
#0E0F0E
muted
#7E7F7E