#403FD0#403FD0
#403FD0 لون متوسط وعالي التشبّع من عائلة أزرق. الإضاءة النسبية 0.092؛ OKLCH L 47.1% C 0.215 H 274.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.39:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #403FD0 |
|---|---|
| RGB | rgb(64, 63, 208) |
| HSL | hsl(240, 61%, 53%) |
| HSV | hsv(240, 70%, 82%) |
| CMYK | cmyk(69.2%, 69.7%, 0%, 18.4%) |
| CIE-LAB | lab(36.36, 46.13, -74.26) |
| CIE-LCH | lch(36.36, 87.43, 301.85°) |
| OKLab | oklab(47.08% 0.0173 -0.2146) |
| OKLCH | oklch(47.08% 0.215 274.6) |
| XYZ | xyz(15.2733, 9.1976, 60.6327) |
| Luminance | 0.0920 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Blue With A Hint Of Purple
#533CC6
ΔE00 2.77
Blurple
#5539CC
ΔE00 3.08
Blue Blue
#2242C7
ΔE00 3.48
Blue (survey)
#0343DF
ΔE00 3.67
Ocean Blue
#4F42B5
ΔE00 3.97
Vibrant Blue
#0339F8
ΔE00 4.62
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#403FD0 #CFD03F
analogous
#3F86D0 #403FD0 #883FD0
triadic
#403FD0 #D0403F #3FD040
tetradic
#403FD0 #D03F86 #CFD03F #3FD088
square
#403FD0 #D03F86 #CFD03F #3FD088
split-complementary
#403FD0 #D0883F #86D03F
monochromatic
#1E1D77 #2A29A9 #403FD0 #7170DC #A2A1E8
إمكانية الوصول والتباين
On white
7.39
#403FD0 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.84
#403FD0 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #403FD0
7.39:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##403FD0 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##403FD0 | 1.00 | 7.39 | 2.84 | 7.39 |
| #FFFFFF | 7.39 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.84 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.39 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#005CD4
Deuteranopia (green-blind)
#004FCD
Tritanopia (blue-blind)
#006783
Achromatopsia (no color)
#565656
وسوم التصميم والكود
CSS
--color: #403fd0; /* rgb */ color: rgb(64, 63, 208); /* oklch */ color: oklch(47.1% 0.215 274.6);
Tailwind
colors: {
custom: {
50: '#8875e0',
500: '#403fd0',
950: '#000000',
},
}SCSS
$custom: #403fd0; $custom-light: #8875e0; $custom-dark: #000000;
JSON
{
"hex": "#403fd0",
"rgb": {
"r": 64,
"g": 63,
"b": 208
},
"hsl": {
"h": 240.414,
"s": 60.669,
"l": 53.137
},
"oklch": {
"l": 0.47078,
"c": 0.21534,
"h": 274.6
},
"luminance": 0.09199
}Semantic roles & 50–950 ramp
primary
#403FD0
secondary
#D4D596
accent
#E444E3
background
#F9F7FD
surface
#F1EDFB
border
#CBC8D4
text
#0D0815
muted
#7E7B83