#976299#976299
#976299 لون متوسط ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.176؛ OKLCH L 57.3% C 0.103 H 325.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.64:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #976299 |
|---|---|
| RGB | rgb(151, 98, 153) |
| HSL | hsl(298, 22%, 49%) |
| HSV | hsv(298, 36%, 60%) |
| CMYK | cmyk(1.3%, 35.9%, 0%, 40%) |
| CIE-LAB | lab(49.03, 30.75, -21.31) |
| CIE-LCH | lch(49.03, 37.41, 325.28°) |
| OKLab | oklab(57.29% 0.0846 -0.058) |
| OKLCH | oklch(57.29% 0.103 325.6) |
| XYZ | xyz(22.8794, 17.6155, 32.3258) |
| Luminance | 0.1762 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Dark Lilac
#9C6DA5
ΔE00 3.93
Purpleish
#98568D
ΔE00 4.13
Purplish
#94568C
ΔE00 4.14
Faded Purple
#916E99
ΔE00 4.68
Dark Lavender
#856798
ΔE00 5.04
Dusty Purple
#825F87
ΔE00 5.70
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#976299 #649962
analogous
#7C6299 #976299 #996280
triadic
#976299 #999762 #629997
tetradic
#976299 #997C62 #649962 #628099
square
#976299 #997C62 #649962 #628099
split-complementary
#976299 #809962 #62997C
monochromatic
#4D324E #724A74 #976299 #B086B2 #C9ACCA
إمكانية الوصول والتباين
On white
4.64
#976299 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.52
#976299 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #976299
4.64:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##976299 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##976299 | 1.00 | 4.64 | 4.52 | 4.64 |
| #FFFFFF | 4.64 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.52 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.64 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5D709B
Deuteranopia (green-blind)
#6B7797
Tritanopia (blue-blind)
#9A6776
Achromatopsia (no color)
#747474
وسوم التصميم والكود
CSS
--color: #976299; /* rgb */ color: rgb(151, 98, 153); /* oklch */ color: oklch(57.3% 0.103 325.6);
Tailwind
colors: {
custom: {
50: '#b68fb7',
500: '#976299',
950: '#000000',
},
}SCSS
$custom: #976299; $custom-light: #b68fb7; $custom-dark: #000000;
JSON
{
"hex": "#976299",
"rgb": {
"r": 151,
"g": 98,
"b": 153
},
"hsl": {
"h": 297.818,
"s": 21.912,
"l": 49.216
},
"oklch": {
"l": 0.57289,
"c": 0.10253,
"h": 325.6
},
"luminance": 0.17615
}Semantic roles & 50–950 ramp
primary
#976299
secondary
#A0B89F
accent
#BE696C
background
#FBF8FB
surface
#F6F0F6
border
#D0CBD0
text
#110C11
muted
#807D80