#696159#696159
#696159 لون متوسط ومحايد تقريباً من عائلة برتقالي. الإضاءة النسبية 0.123؛ OKLCH L 49.8% C 0.016 H 67.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.08:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #696159 |
|---|---|
| RGB | rgb(105, 97, 89) |
| HSL | hsl(30, 8%, 38%) |
| HSV | hsv(30, 15%, 41%) |
| CMYK | cmyk(0%, 7.6%, 15.2%, 58.8%) |
| CIE-LAB | lab(41.65, 1.67, 5.71) |
| CIE-LCH | lch(41.65, 5.95, 73.66°) |
| OKLab | oklab(49.76% 0.0062 0.0149) |
| OKLCH | oklch(49.76% 0.016 67.5) |
| XYZ | xyz(11.9035, 12.2741, 11.1913) |
| Luminance | 0.1227 (WCAG relative) |
| Temperature | neutral |
| Family | orange |
أقرب الألوان المُسمّاة
Dimgray
#696969
ΔE00 6.03
Umber
#635147
ΔE00 7.12
Greyish Brown
#7A6A4F
ΔE00 8.67
Walnut
#5C4A3D
ΔE00 9.11
Dark Taupe
#7F684E
ΔE00 9.24
Grey Brown
#7F7053
ΔE00 10.25
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#696159 #596169
analogous
#695959 #696159 #696959
triadic
#696159 #596961 #615969
tetradic
#696159 #596959 #596169 #695969
square
#696159 #596959 #596169 #695969
split-complementary
#696159 #596969 #595969
monochromatic
#272421 #48423D #696159 #8A8075 #A69E96
إمكانية الوصول والتباين
On white
6.08
#696159 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.45
#696159 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #696159
6.08:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##696159 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##696159 | 1.00 | 6.08 | 3.45 | 6.08 |
| #FFFFFF | 6.08 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.45 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.08 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#646159
Deuteranopia (green-blind)
#666359
Tritanopia (blue-blind)
#6C5F5F
Achromatopsia (no color)
#626262
وسوم التصميم والكود
CSS
--color: #696159; /* rgb */ color: rgb(105, 97, 89); /* oklch */ color: oklch(49.8% 0.016 67.5);
Tailwind
colors: {
custom: {
50: '#948d87',
500: '#696159',
950: '#000000',
},
}SCSS
$custom: #696159; $custom-light: #948d87; $custom-dark: #000000;
JSON
{
"hex": "#696159",
"rgb": {
"r": 105,
"g": 97,
"b": 89
},
"hsl": {
"h": 30,
"s": 8.247,
"l": 38.039
},
"oklch": {
"l": 0.49762,
"c": 0.01614,
"h": 67.5
},
"luminance": 0.12274
}Semantic roles & 50–950 ramp
primary
#696159
secondary
#888F95
accent
#94B177
background
#F9F8F8
surface
#F1F0EF
border
#CBCBCA
text
#0D0C0B
muted
#7E7D7C