#748CDA#748CDA
#748CDA لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.275؛ OKLCH L 65.5% C 0.120 H 269.9°. أفضل لون لنص المتن هو #000000 بتباين 6.51:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #748CDA |
|---|---|
| RGB | rgb(116, 140, 218) |
| HSL | hsl(226, 58%, 65%) |
| HSV | hsv(226, 47%, 85%) |
| CMYK | cmyk(46.8%, 35.8%, 0%, 14.5%) |
| CIE-LAB | lab(59.46, 12.24, -42.58) |
| CIE-LCH | lch(59.46, 44.31, 286.03°) |
| OKLab | oklab(65.49% -0.0002 -0.1199) |
| OKLCH | oklch(65.49% 0.12 269.9) |
| XYZ | xyz(29.2314, 27.5294, 70.0895) |
| Luminance | 0.2753 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Soft Blue
#6488EA
ΔE00 3.36
Faded Blue
#658CBB
ΔE00 5.31
Cornflowerblue
#6495ED
ΔE00 5.47
Perrywinkle
#8F8CE7
ΔE00 6.16
Periwinkle Blue
#8F99FB
ΔE00 6.55
Lavender Blue
#8B88F8
ΔE00 6.57
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#748CDA #DAC274
analogous
#74BFDA #748CDA #8F74DA
triadic
#748CDA #DA748C #8CDA74
tetradic
#748CDA #DA74BF #DAC274 #74DA8F
square
#748CDA #DA74BF #DAC274 #74DA8F
split-complementary
#748CDA #DA8F74 #BFDA74
monochromatic
#2C49A7 #4464CD #748CDA #A4B4E7 #D5DCF4
إمكانية الوصول والتباين
On white
3.23
#748CDA on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.51
#748CDA on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #748CDA
6.51:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##748CDA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##748CDA | 1.00 | 3.23 | 6.51 | 6.51 |
| #FFFFFF | 3.23 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.51 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.51 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6F94DD
Deuteranopia (green-blind)
#658BD8
Tritanopia (blue-blind)
#4D9CA9
Achromatopsia (no color)
#8F8F8F
وسوم التصميم والكود
CSS
--color: #748cda; /* rgb */ color: rgb(116, 140, 218); /* oklch */ color: oklch(65.5% 0.120 269.9);
Tailwind
colors: {
custom: {
50: '#a1ade6',
500: '#748cda',
950: '#000000',
},
}SCSS
$custom: #748cda; $custom-light: #a1ade6; $custom-dark: #000000;
JSON
{
"hex": "#748cda",
"rgb": {
"r": 116,
"g": 140,
"b": 218
},
"hsl": {
"h": 225.882,
"s": 57.955,
"l": 65.49
},
"oklch": {
"l": 0.65485,
"c": 0.11994,
"h": 269.9
},
"luminance": 0.27531
}Semantic roles & 50–950 ramp
primary
#748CDA
secondary
#E6DEC4
accent
#9F20C6
background
#FAFAFE
surface
#F4F4FC
border
#CECED5
text
#0F1016
muted
#7F7F84