#55265F#55265F
#55265F لون داكن ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.041؛ OKLCH L 35.9% C 0.108 H 320.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 11.48:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #55265F |
|---|---|
| RGB | rgb(85, 38, 95) |
| HSL | hsl(289, 43%, 26%) |
| HSV | hsv(289, 60%, 37%) |
| CMYK | cmyk(10.5%, 60%, 0%, 62.7%) |
| CIE-LAB | lab(24.14, 31.49, -24.73) |
| CIE-LCH | lch(24.14, 40.04, 321.86°) |
| OKLab | oklab(35.93% 0.0828 -0.0687) |
| OKLCH | oklch(35.93% 0.108 320.3) |
| XYZ | xyz(6.5047, 4.1440, 11.2815) |
| Luminance | 0.0414 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Grape Purple
#5D1451
ΔE00 5.48
Plum Purple
#4E0550
ΔE00 6.09
Deep Violet
#490648
ΔE00 6.71
Grape
#6C3461
ΔE00 6.93
Darkish Purple
#751973
ΔE00 7.16
Eggplant Purple
#430541
ΔE00 7.75
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#55265F #305F26
analogous
#38265F #55265F #5F264C
triadic
#55265F #5F5526 #265F55
tetradic
#55265F #5F3826 #305F26 #264C5F
square
#55265F #5F3826 #305F26 #264C5F
split-complementary
#55265F #4C5F26 #265F38
monochromatic
#140916 #2E1533 #55265F #7C378B #A349B6
إمكانية الوصول والتباين
On white
11.48
#55265F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.83
#55265F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #55265F
11.48:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##55265F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##55265F | 1.00 | 11.48 | 1.83 | 11.48 |
| #FFFFFF | 11.48 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.83 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.48 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#1B3661
Deuteranopia (green-blind)
#2B3B5D
Tritanopia (blue-blind)
#562E3E
Achromatopsia (no color)
#393939
وسوم التصميم والكود
CSS
--color: #55265f; /* rgb */ color: rgb(85, 38, 95); /* oklch */ color: oklch(35.9% 0.108 320.3);
Tailwind
colors: {
custom: {
50: '#87638c',
500: '#55265f',
950: '#000000',
},
}SCSS
$custom: #55265f; $custom-light: #87638c; $custom-dark: #000000;
JSON
{
"hex": "#55265f",
"rgb": {
"r": 85,
"g": 38,
"b": 95
},
"hsl": {
"h": 289.474,
"s": 42.857,
"l": 26.078
},
"oklch": {
"l": 0.35934,
"c": 0.10763,
"h": 320.3
},
"luminance": 0.04144
}Semantic roles & 50–950 ramp
primary
#55265F
secondary
#5B924F
accent
#D3556B
background
#F8F6F8
surface
#F0EBF0
border
#CBC6CB
text
#0B050C
muted
#7C7A7D