#706168#706168
#706168 لون متوسط وخافت من عائلة grey. الإضاءة النسبية 0.130؛ OKLCH L 50.9% C 0.022 H 348.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.84:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #706168 |
|---|---|
| RGB | rgb(112, 97, 104) |
| HSL | hsl(332, 7%, 41%) |
| HSV | hsv(332, 13%, 44%) |
| CMYK | cmyk(0%, 13.4%, 7.1%, 56.1%) |
| CIE-LAB | lab(42.75, 7.34, -1.75) |
| CIE-LCH | lch(42.75, 7.54, 346.60°) |
| OKLab | oklab(50.93% 0.0214 -0.0045) |
| OKLCH | oklch(50.93% 0.022 348) |
| XYZ | xyz(13.4552, 12.9939, 14.8933) |
| Luminance | 0.1299 (WCAG relative) |
| Temperature | neutral |
| Family | grey |
أقرب الألوان المُسمّاة
Purplish Grey
#7A687F
ΔE00 7.53
Dimgray
#696969
ΔE00 9.04
Purple Grey
#866F85
ΔE00 9.40
Umber
#635147
ΔE00 10.85
Grey Purple
#826D8C
ΔE00 11.10
Dirty Purple
#734A65
ΔE00 12.21
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#706168 #617069
analogous
#70616F #706168 #706161
triadic
#706168 #687061 #616870
tetradic
#706168 #6F7061 #617069 #616170
square
#706168 #6F7061 #617069 #616170
split-complementary
#706168 #617061 #616F70
monochromatic
#2E282B #4F454A #706168 #907E87 #AC9FA5
إمكانية الوصول والتباين
On white
5.84
#706168 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.60
#706168 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #706168
5.84:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##706168 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##706168 | 1.00 | 5.84 | 3.60 | 5.84 |
| #FFFFFF | 5.84 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.60 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.84 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#626468
Deuteranopia (green-blind)
#656668
Tritanopia (blue-blind)
#726163
Achromatopsia (no color)
#656565
وسوم التصميم والكود
CSS
--color: #706168; /* rgb */ color: rgb(112, 97, 104); /* oklch */ color: oklch(50.9% 0.022 348.0);
Tailwind
colors: {
custom: {
50: '#998e93',
500: '#706168',
950: '#000000',
},
}SCSS
$custom: #706168; $custom-light: #998e93; $custom-dark: #000000;
JSON
{
"hex": "#706168",
"rgb": {
"r": 112,
"g": 97,
"b": 104
},
"hsl": {
"h": 332,
"s": 7.177,
"l": 40.98
},
"oklch": {
"l": 0.50929,
"c": 0.02189,
"h": 348
},
"luminance": 0.12994
}Semantic roles & 50–950 ramp
primary
#706168
secondary
#919C97
accent
#B09678
background
#F9F8F9
surface
#F2F0F1
border
#CCCBCB
text
#0D0C0D
muted
#7E7D7E