#5D669D#5D669D
#5D669D لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.143؛ OKLCH L 52.7% C 0.087 H 275.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.45:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5D669D |
|---|---|
| RGB | rgb(93, 102, 157) |
| HSL | hsl(232, 26%, 49%) |
| HSV | hsv(232, 41%, 62%) |
| CMYK | cmyk(40.8%, 35%, 0%, 38.4%) |
| CIE-LAB | lab(44.61, 11.04, -30.97) |
| CIE-LCH | lch(44.61, 32.88, 289.62°) |
| OKLab | oklab(52.66% 0.009 -0.0868) |
| OKLCH | oklch(52.66% 0.087 275.9) |
| XYZ | xyz(15.3496, 14.2635, 33.8361) |
| Luminance | 0.1426 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Dusky Blue
#475F94
ΔE00 5.14
Dusk
#4E5481
ΔE00 7.16
Twilight
#4E518B
ΔE00 7.29
French Blue
#436BAD
ΔE00 7.46
Denim Blue
#3B5B92
ΔE00 7.53
Iris
#6258C4
ΔE00 8.71
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5D669D #9D945D
analogous
#5D869D #5D669D #745D9D
triadic
#5D669D #9D5D66 #669D5D
tetradic
#5D669D #9D5D86 #9D945D #5D9D74
square
#5D669D #9D5D86 #9D945D #5D9D74
split-complementary
#5D669D #9D745D #869D5D
monochromatic
#2F3450 #464D77 #5D669D #8289B5 #A9AECC
إمكانية الوصول والتباين
On white
5.45
#5D669D on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.85
#5D669D on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #5D669D
5.45:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5D669D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5D669D | 1.00 | 5.45 | 3.85 | 5.45 |
| #FFFFFF | 5.45 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.85 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.45 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#536C9F
Deuteranopia (green-blind)
#4F679C
Tritanopia (blue-blind)
#49717A
Achromatopsia (no color)
#696969
وسوم التصميم والكود
CSS
--color: #5d669d; /* rgb */ color: rgb(93, 102, 157); /* oklch */ color: oklch(52.7% 0.087 275.9);
Tailwind
colors: {
custom: {
50: '#8d91ba',
500: '#5d669d',
950: '#000000',
},
}SCSS
$custom: #5d669d; $custom-light: #8d91ba; $custom-dark: #000000;
JSON
{
"hex": "#5d669d",
"rgb": {
"r": 93,
"g": 102,
"b": 157
},
"hsl": {
"h": 231.563,
"s": 25.6,
"l": 49.02
},
"oklch": {
"l": 0.52656,
"c": 0.08725,
"h": 275.9
},
"luminance": 0.14264
}Semantic roles & 50–950 ramp
primary
#5D669D
secondary
#BAB69C
accent
#B566C2
background
#F8F8FB
surface
#F0F0F6
border
#CBCBD0
text
#0C0C11
muted
#7D7D80