#52305F#52305F
#52305F لون داكن ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.047؛ OKLCH L 37.2% C 0.087 H 316.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.79:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #52305F |
|---|---|
| RGB | rgb(82, 48, 95) |
| HSL | hsl(283, 33%, 28%) |
| HSV | hsv(283, 49%, 37%) |
| CMYK | cmyk(13.7%, 49.5%, 0%, 62.7%) |
| CIE-LAB | lab(25.96, 24.65, -21.89) |
| CIE-LCH | lch(25.96, 32.97, 318.40°) |
| OKLab | oklab(37.19% 0.063 -0.0606) |
| OKLCH | oklch(37.19% 0.087 316.1) |
| XYZ | xyz(6.6019, 4.7342, 11.3903) |
| Luminance | 0.0473 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Grape
#6C3461
ΔE00 6.71
Grape Purple
#5D1451
ΔE00 7.95
Plum Purple
#4E0550
ΔE00 9.00
Deep Violet
#490648
ΔE00 9.26
Darkish Purple
#751973
ΔE00 9.45
Eggplant Purple
#430541
ΔE00 9.94
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#52305F #3D5F30
analogous
#3A305F #52305F #5F3054
triadic
#52305F #5F5230 #305F52
tetradic
#52305F #5F3A30 #3D5F30 #30545F
square
#52305F #5F3A30 #3D5F30 #30545F
split-complementary
#52305F #545F30 #305F3A
monochromatic
#120A14 #2F1B36 #52305F #754588 #975DAD
إمكانية الوصول والتباين
On white
10.79
#52305F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.95
#52305F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #52305F
10.79:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##52305F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##52305F | 1.00 | 10.79 | 1.95 | 10.79 |
| #FFFFFF | 10.79 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.95 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.79 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#273B61
Deuteranopia (green-blind)
#313E5E
Tritanopia (blue-blind)
#513743
Achromatopsia (no color)
#3D3D3D
وسوم التصميم والكود
CSS
--color: #52305f; /* rgb */ color: rgb(82, 48, 95); /* oklch */ color: oklch(37.2% 0.087 316.1);
Tailwind
colors: {
custom: {
50: '#84698c',
500: '#52305f',
950: '#000000',
},
}SCSS
$custom: #52305f; $custom-light: #84698c; $custom-dark: #000000;
JSON
{
"hex": "#52305f",
"rgb": {
"r": 82,
"g": 48,
"b": 95
},
"hsl": {
"h": 283.404,
"s": 32.867,
"l": 28.039
},
"oklch": {
"l": 0.37189,
"c": 0.08745,
"h": 316.1
},
"luminance": 0.04734
}Semantic roles & 50–950 ramp
primary
#52305F
secondary
#69905A
accent
#C95F7C
background
#F8F6F8
surface
#EFEBF0
border
#CAC6CB
text
#0B060C
muted
#7C7A7D