#976C66#976C66
#976C66 لون متوسط وخافت من عائلة أحمر. الإضاءة النسبية 0.183؛ OKLCH L 57.4% C 0.056 H 27.9°. أفضل لون لنص المتن هو #000000 بتباين 4.65:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #976C66 |
|---|---|
| RGB | rgb(151, 108, 102) |
| HSL | hsl(7, 19%, 50%) |
| HSV | hsv(7, 32%, 59%) |
| CMYK | cmyk(0%, 28.5%, 32.5%, 40.8%) |
| CIE-LAB | lab(49.82, 16.28, 10.15) |
| CIE-LCH | lch(49.82, 19.19, 31.95°) |
| OKLab | oklab(57.36% 0.0497 0.0263) |
| OKLCH | oklch(57.36% 0.056 27.9) |
| XYZ | xyz(20.5239, 18.2649, 15.0123) |
| Luminance | 0.1826 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Reddish Grey
#997570
ΔE00 3.54
Brownish
#9C6D57
ΔE00 6.75
Pinkish Brown
#B17261
ΔE00 7.44
Clay
#B66A50
ΔE00 10.25
Mauve (survey)
#AE7181
ΔE00 10.28
Dusky Rose
#BA6873
ΔE00 10.29
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#976C66 #669197
analogous
#976679 #976C66 #978566
triadic
#976C66 #66976C #6C6697
tetradic
#976C66 #799766 #669197 #856697
square
#976C66 #799766 #669197 #856697
split-complementary
#976C66 #669785 #667997
monochromatic
#4E3835 #72524D #976C66 #B08F8A #C9B2AF
إمكانية الوصول والتباين
On white
4.51
#976C66 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.65
#976C66 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #976C66
4.65:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##976C66 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##976C66 | 1.00 | 4.51 | 4.65 | 4.65 |
| #FFFFFF | 4.51 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.65 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.65 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#757165
Deuteranopia (green-blind)
#7F7A66
Tritanopia (blue-blind)
#A0676A
Achromatopsia (no color)
#767676
وسوم التصميم والكود
CSS
--color: #976c66; /* rgb */ color: rgb(151, 108, 102); /* oklch */ color: oklch(57.4% 0.056 27.9);
Tailwind
colors: {
custom: {
50: '#b79691',
500: '#976c66',
950: '#000000',
},
}SCSS
$custom: #976c66; $custom-light: #b79691; $custom-dark: #000000;
JSON
{
"hex": "#976c66",
"rgb": {
"r": 151,
"g": 108,
"b": 102
},
"hsl": {
"h": 7.347,
"s": 19.368,
"l": 49.608
},
"oklch": {
"l": 0.57355,
"c": 0.05622,
"h": 27.9
},
"luminance": 0.18264
}Semantic roles & 50–950 ramp
primary
#976C66
secondary
#A1B5B8
accent
#B2BC6C
background
#FBF9F8
surface
#F6F2F0
border
#D0CCCB
text
#110D0C
muted
#807E7D