#5E5063#5E5063
#5E5063 لون متوسط وخافت من عائلة purple. الإضاءة النسبية 0.090؛ OKLCH L 45.2% C 0.035 H 317.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.49:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5E5063 |
|---|---|
| RGB | rgb(94, 80, 99) |
| HSL | hsl(284, 11%, 35%) |
| HSV | hsv(284, 19%, 39%) |
| CMYK | cmyk(5.1%, 19.2%, 0%, 61.2%) |
| CIE-LAB | lab(36.02, 9.73, -8.87) |
| CIE-LCH | lch(36.02, 13.17, 317.65°) |
| OKLab | oklab(45.22% 0.0257 -0.0239) |
| OKLCH | oklch(45.22% 0.035 317.1) |
| XYZ | xyz(9.7365, 9.0180, 13.0297) |
| Luminance | 0.0902 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Dirty Purple
#734A65
ΔE00 8.64
Purplish Grey
#7A687F
ΔE00 9.44
Dull Purple
#84597E
ΔE00 11.40
Dusk
#4E5481
ΔE00 11.42
Muted Purple
#805B87
ΔE00 11.59
Dusty Purple
#825F87
ΔE00 11.62
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5E5063 #556350
analogous
#545063 #5E5063 #63505E
triadic
#5E5063 #635E50 #50635E
tetradic
#5E5063 #635450 #556350 #505E63
square
#5E5063 #635450 #556350 #505E63
split-complementary
#5E5063 #5E6350 #506354
monochromatic
#1E191F #3E3541 #5E5063 #7E6B85 #9C8CA2
إمكانية الوصول والتباين
On white
7.49
#5E5063 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.80
#5E5063 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #5E5063
7.49:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5E5063 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5E5063 | 1.00 | 7.49 | 2.80 | 7.49 |
| #FFFFFF | 7.49 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.80 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.49 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4E5464
Deuteranopia (green-blind)
#515562
Tritanopia (blue-blind)
#5E5256
Achromatopsia (no color)
#555555
وسوم التصميم والكود
CSS
--color: #5e5063; /* rgb */ color: rgb(94, 80, 99); /* oklch */ color: oklch(45.2% 0.035 317.1);
Tailwind
colors: {
custom: {
50: '#8b818f',
500: '#5e5063',
950: '#000000',
},
}SCSS
$custom: #5e5063; $custom-light: #8b818f; $custom-dark: #000000;
JSON
{
"hex": "#5e5063",
"rgb": {
"r": 94,
"g": 80,
"b": 99
},
"hsl": {
"h": 284.211,
"s": 10.615,
"l": 35.098
},
"oklch": {
"l": 0.45218,
"c": 0.03511,
"h": 317.1
},
"luminance": 0.09018
}Semantic roles & 50–950 ramp
primary
#5E5063
secondary
#83907F
accent
#B47485
background
#F8F7F8
surface
#F0EEF0
border
#CBC9CB
text
#0C0A0C
muted
#7D7C7D