#954D8A#954D8A
#954D8A لون متوسط وزاهٍ من عائلة purple. الإضاءة النسبية 0.135؛ OKLCH L 52.9% C 0.125 H 333.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.67:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #954D8A |
|---|---|
| RGB | rgb(149, 77, 138) |
| HSL | hsl(309, 32%, 44%) |
| HSV | hsv(309, 48%, 58%) |
| CMYK | cmyk(0%, 48.3%, 7.4%, 41.6%) |
| CIE-LAB | lab(43.56, 38.87, -20.79) |
| CIE-LCH | lch(43.56, 44.08, 331.86°) |
| OKLab | oklab(52.93% 0.1114 -0.0564) |
| OKLCH | oklch(52.93% 0.125 333.2) |
| XYZ | xyz(19.6357, 13.5335, 25.6178) |
| Luminance | 0.1353 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Purplish
#94568C
ΔE00 2.54
Purpleish
#98568D
ΔE00 2.66
Light Eggplant
#894585
ΔE00 3.46
Light Plum
#9D5783
ΔE00 5.13
Ugly Purple
#A442A0
ΔE00 5.51
Medium Purple
#9E43A2
ΔE00 5.82
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#954D8A #4D9558
analogous
#7C4D95 #954D8A #954D66
triadic
#954D8A #8A954D #4D8A95
tetradic
#954D8A #957C4D #4D9558 #4D6695
square
#954D8A #957C4D #4D9558 #4D6695
split-complementary
#954D8A #66954D #4D957C
monochromatic
#44233F #6D3865 #954D8A #B36CA8 #C894C0
إمكانية الوصول والتباين
On white
5.67
#954D8A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.71
#954D8A on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #954D8A
5.67:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##954D8A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##954D8A | 1.00 | 5.67 | 3.71 | 5.67 |
| #FFFFFF | 5.67 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.71 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.67 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4C608C
Deuteranopia (green-blind)
#606B88
Tritanopia (blue-blind)
#9B5165
Achromatopsia (no color)
#676767
وسوم التصميم والكود
CSS
--color: #954d8a; /* rgb */ color: rgb(149, 77, 138); /* oklch */ color: oklch(52.9% 0.125 333.2);
Tailwind
colors: {
custom: {
50: '#b681ac',
500: '#954d8a',
950: '#000000',
},
}SCSS
$custom: #954d8a; $custom-light: #b681ac; $custom-dark: #000000;
JSON
{
"hex": "#954d8a",
"rgb": {
"r": 149,
"g": 77,
"b": 138
},
"hsl": {
"h": 309.167,
"s": 31.858,
"l": 44.314
},
"oklch": {
"l": 0.52925,
"c": 0.12481,
"h": 333.2
},
"luminance": 0.13532
}Semantic roles & 50–950 ramp
primary
#954D8A
secondary
#89B490
accent
#C87060
background
#FBF8FA
surface
#F6EFF4
border
#D0CACE
text
#110A10
muted
#807C7F