#962D82#962D82
#962D82 لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.100؛ OKLCH L 48.6% C 0.169 H 336.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.01:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #962D82 |
|---|---|
| RGB | rgb(150, 45, 130) |
| HSL | hsl(311, 54%, 38%) |
| HSV | hsv(311, 70%, 59%) |
| CMYK | cmyk(0%, 70%, 13.3%, 41.2%) |
| CIE-LAB | lab(37.80, 52.82, -24.81) |
| CIE-LCH | lch(37.80, 58.36, 334.84°) |
| OKLab | oklab(48.6% 0.1549 -0.0675) |
| OKLCH | oklch(48.6% 0.169 336.5) |
| XYZ | xyz(17.5456, 9.9740, 22.1159) |
| Luminance | 0.0997 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
أقرب الألوان المُسمّاة
Warm Purple
#952E8F
ΔE00 2.85
Light Eggplant
#894585
ΔE00 5.22
Barney Purple
#A00498
ΔE00 5.33
Red Violet
#9E0168
ΔE00 6.63
Darkmagenta
#8B008B
ΔE00 6.64
Bruise
#7E4071
ΔE00 6.65
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#962D82 #2D9641
analogous
#752D96 #962D82 #962D4D
triadic
#962D82 #82962D #2D8296
tetradic
#962D82 #96752D #2D9641 #2D4D96
square
#962D82 #96752D #2D9641 #2D4D96
split-complementary
#962D82 #4D962D #2D9675
monochromatic
#381130 #671F59 #962D82 #C43CAA #D36BBF
إمكانية الوصول والتباين
On white
7.01
#962D82 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.99
#962D82 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #962D82
7.01:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##962D82 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##962D82 | 1.00 | 7.01 | 2.99 | 7.01 |
| #FFFFFF | 7.01 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.99 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.01 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#2F4F84
Deuteranopia (green-blind)
#525F7F
Tritanopia (blue-blind)
#9E3353
Achromatopsia (no color)
#595959
وسوم التصميم والكود
CSS
--color: #962d82; /* rgb */ color: rgb(150, 45, 130); /* oklch */ color: oklch(48.6% 0.169 336.5);
Tailwind
colors: {
custom: {
50: '#b86fa6',
500: '#962d82',
950: '#000000',
},
}SCSS
$custom: #962d82; $custom-light: #b86fa6; $custom-dark: #000000;
JSON
{
"hex": "#962d82",
"rgb": {
"r": 150,
"g": 45,
"b": 130
},
"hsl": {
"h": 311.429,
"s": 53.846,
"l": 38.235
},
"oklch": {
"l": 0.486,
"c": 0.16899,
"h": 336.5
},
"luminance": 0.09973
}Semantic roles & 50–950 ramp
primary
#962D82
secondary
#65B975
accent
#DD674B
background
#FBF7FA
surface
#F6EDF4
border
#D0C8CE
text
#12080F
muted
#817B7F