#7675BD#7675BD
#7675BD لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.202؛ OKLCH L 59.4% C 0.109 H 283.2°. أفضل لون لنص المتن هو #000000 بتباين 5.05:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7675BD |
|---|---|
| RGB | rgb(118, 117, 189) |
| HSL | hsl(241, 35%, 60%) |
| HSV | hsv(241, 38%, 74%) |
| CMYK | cmyk(37.6%, 38.1%, 0%, 25.9%) |
| CIE-LAB | lab(52.12, 18.04, -37.71) |
| CIE-LCH | lch(52.12, 41.80, 295.57°) |
| OKLab | oklab(59.41% 0.0248 -0.1058) |
| OKLCH | oklch(59.41% 0.109 283.2) |
| XYZ | xyz(23.0152, 20.2475, 50.8297) |
| Luminance | 0.2025 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Mediumpurple
#9370DB
ΔE00 8.00
Cornflower Blue
#5170D7
ΔE00 8.54
Dark Periwinkle
#665FD1
ΔE00 8.69
Deep Lilac
#966EBD
ΔE00 8.81
Mediumslateblue
#7B68EE
ΔE00 8.82
Cornflower
#6A79F7
ΔE00 9.23
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7675BD #BCBD75
analogous
#7598BD #7675BD #9A75BD
triadic
#7675BD #BD7675 #75BD76
tetradic
#7675BD #BD7598 #BCBD75 #75BD9A
square
#7675BD #BD7598 #BCBD75 #75BD9A
split-complementary
#7675BD #BD9A75 #98BD75
monochromatic
#3C3B7C #504FA6 #7675BD #9F9ED1 #C8C8E5
إمكانية الوصول والتباين
On white
4.16
#7675BD on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.05
#7675BD on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #7675BD
5.05:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7675BD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7675BD | 1.00 | 4.16 | 5.05 | 5.05 |
| #FFFFFF | 4.16 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.05 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.05 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5D7FC0
Deuteranopia (green-blind)
#5B7ABB
Tritanopia (blue-blind)
#628390
Achromatopsia (no color)
#7C7C7C
وسوم التصميم والكود
CSS
--color: #7675bd; /* rgb */ color: rgb(118, 117, 189); /* oklch */ color: oklch(59.4% 0.109 283.2);
Tailwind
colors: {
custom: {
50: '#a09cd1',
500: '#7675bd',
950: '#000000',
},
}SCSS
$custom: #7675bd; $custom-light: #a09cd1; $custom-dark: #000000;
JSON
{
"hex": "#7675bd",
"rgb": {
"r": 118,
"g": 117,
"b": 189
},
"hsl": {
"h": 240.833,
"s": 35.294,
"l": 60
},
"oklch": {
"l": 0.59413,
"c": 0.10868,
"h": 283.2
},
"luminance": 0.20248
}Semantic roles & 50–950 ramp
primary
#7675BD
secondary
#D4D5B9
accent
#CB5CCA
background
#FAF9FC
surface
#F3F2F9
border
#CDCCD2
text
#0F0E14
muted
#7F7E82