#60617C#60617C
#60617C لون متوسط وخافت من عائلة أزرق. الإضاءة النسبية 0.125؛ OKLCH L 50.2% C 0.043 H 283.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.00:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #60617C |
|---|---|
| RGB | rgb(96, 97, 124) |
| HSL | hsl(238, 13%, 43%) |
| HSV | hsv(238, 23%, 49%) |
| CMYK | cmyk(22.6%, 21.8%, 0%, 51.4%) |
| CIE-LAB | lab(41.99, 5.92, -15.22) |
| CIE-LCH | lch(41.99, 16.33, 291.25°) |
| OKLab | oklab(50.21% 0.0097 -0.0417) |
| OKLCH | oklch(50.21% 0.043 283.1) |
| XYZ | xyz(12.7358, 12.4912, 20.8049) |
| Luminance | 0.1249 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Dusk
#4E5481
ΔE00 7.36
Purplish Grey
#7A687F
ΔE00 8.74
Twilight
#4E518B
ΔE00 9.85
Dusky Blue
#475F94
ΔE00 10.06
Grey Purple
#826D8C
ΔE00 10.55
Slate Grey
#59656D
ΔE00 11.81
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#60617C #7C7B60
analogous
#606F7C #60617C #6D607C
triadic
#60617C #7C6061 #617C60
tetradic
#60617C #7C606F #7C7B60 #607C6D
square
#60617C #7C606F #7C7B60 #607C6D
split-complementary
#60617C #7C6D60 #6F7C60
monochromatic
#2B2B37 #45465A #60617C #7E7F9B #A1A1B6
إمكانية الوصول والتباين
On white
6.00
#60617C on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.50
#60617C on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #60617C
6.00:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##60617C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##60617C | 1.00 | 6.00 | 3.50 | 6.00 |
| #FFFFFF | 6.00 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.50 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.00 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5A647D
Deuteranopia (green-blind)
#59627B
Tritanopia (blue-blind)
#5A666A
Achromatopsia (no color)
#636363
وسوم التصميم والكود
CSS
--color: #60617c; /* rgb */ color: rgb(96, 97, 124); /* oklch */ color: oklch(50.2% 0.043 283.1);
Tailwind
colors: {
custom: {
50: '#8d8da2',
500: '#60617c',
950: '#000000',
},
}SCSS
$custom: #60617c; $custom-light: #8d8da2; $custom-dark: #000000;
JSON
{
"hex": "#60617c",
"rgb": {
"r": 96,
"g": 97,
"b": 124
},
"hsl": {
"h": 237.857,
"s": 12.727,
"l": 43.137
},
"oklch": {
"l": 0.50207,
"c": 0.04279,
"h": 283.1
},
"luminance": 0.12491
}Semantic roles & 50–950 ramp
primary
#60617C
secondary
#A5A493
accent
#B372B6
background
#F8F8F9
surface
#F0F0F2
border
#CBCBCC
text
#0C0C0F
muted
#7D7D7E