#956E95#956E95
#956E95 لون متوسط ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.197؛ OKLCH L 59.1% C 0.074 H 326.5°. أفضل لون لنص المتن هو #000000 بتباين 4.94:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #956E95 |
|---|---|
| RGB | rgb(149, 110, 149) |
| HSL | hsl(300, 16%, 51%) |
| HSV | hsv(300, 26%, 58%) |
| CMYK | cmyk(0%, 26.2%, 0%, 41.6%) |
| CIE-LAB | lab(51.51, 22.36, -15.18) |
| CIE-LCH | lch(51.51, 27.02, 325.83°) |
| OKLab | oklab(59.08% 0.0618 -0.0409) |
| OKLCH | oklch(59.08% 0.074 326.5) |
| XYZ | xyz(23.3946, 19.7120, 31.0004) |
| Luminance | 0.1971 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Faded Purple
#916E99
ΔE00 1.86
Greyish Purple
#887191
ΔE00 4.36
Dark Lilac
#9C6DA5
ΔE00 4.38
Dark Lavender
#856798
ΔE00 5.49
Grey Purple
#826D8C
ΔE00 5.49
Dusty Purple
#825F87
ΔE00 6.36
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#956E95 #6E956E
analogous
#816E95 #956E95 #956E81
triadic
#956E95 #95956E #6E9595
tetradic
#956E95 #95816E #6E956E #6E8195
square
#956E95 #95816E #6E956E #6E8195
split-complementary
#956E95 #81956E #6E9581
monochromatic
#4F3A4F #725472 #956E95 #AF91AF #C9B5C9
إمكانية الوصول والتباين
On white
4.25
#956E95 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.94
#956E95 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #956E95
4.94:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##956E95 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##956E95 | 1.00 | 4.25 | 4.94 | 4.94 |
| #FFFFFF | 4.25 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.94 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.94 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6B7897
Deuteranopia (green-blind)
#747C94
Tritanopia (blue-blind)
#97717C
Achromatopsia (no color)
#7B7B7B
وسوم التصميم والكود
CSS
--color: #956e95; /* rgb */ color: rgb(149, 110, 149); /* oklch */ color: oklch(59.1% 0.074 326.5);
Tailwind
colors: {
custom: {
50: '#b498b4',
500: '#956e95',
950: '#000000',
},
}SCSS
$custom: #956e95; $custom-light: #b498b4; $custom-dark: #000000;
JSON
{
"hex": "#956e95",
"rgb": {
"r": 149,
"g": 110,
"b": 149
},
"hsl": {
"h": 300,
"s": 15.538,
"l": 50.784
},
"oklch": {
"l": 0.59075,
"c": 0.07409,
"h": 326.5
},
"luminance": 0.19711
}Semantic roles & 50–950 ramp
primary
#956E95
secondary
#A7B8A7
accent
#B87070
background
#FBF9FB
surface
#F6F2F6
border
#D0CCD0
text
#110D11
muted
#807E80