#3E46DA#3E46DA
#3E46DA لون متوسط وعالي التشبّع من عائلة أزرق. الإضاءة النسبية 0.105؛ OKLCH L 49.0% C 0.221 H 272.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.79:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3E46DA |
|---|---|
| RGB | rgb(62, 70, 218) |
| HSL | hsl(237, 68%, 55%) |
| HSV | hsv(237, 72%, 85%) |
| CMYK | cmyk(71.6%, 67.9%, 0%, 14.5%) |
| CIE-LAB | lab(38.66, 45.14, -76.24) |
| CIE-LCH | lch(38.66, 88.60, 300.63°) |
| OKLab | oklab(48.99% 0.0097 -0.2205) |
| OKLCH | oklch(48.99% 0.221 272.5) |
| XYZ | xyz(16.8274, 10.4647, 67.4491) |
| Luminance | 0.1047 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Blue (survey)
#0343DF
ΔE00 2.97
Blue Blue
#2242C7
ΔE00 3.99
Vibrant Blue
#0339F8
ΔE00 4.24
Blue With A Hint Of Purple
#533CC6
ΔE00 4.50
Blurple
#5539CC
ΔE00 4.73
Warm Blue
#4B57DB
ΔE00 4.92
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3E46DA #DAD23E
analogous
#3E94DA #3E46DA #843EDA
triadic
#3E46DA #DA3E46 #46DA3E
tetradic
#3E46DA #DA3E94 #DAD23E #3EDA84
square
#3E46DA #DA3E94 #DAD23E #3EDA84
split-complementary
#3E46DA #DA843E #94DA3E
monochromatic
#191F84 #232BB8 #3E46DA #7177E4 #A5A8EE
إمكانية الوصول والتباين
On white
6.79
#3E46DA on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.09
#3E46DA on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #3E46DA
6.79:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3E46DA | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3E46DA | 1.00 | 6.79 | 3.09 | 6.79 |
| #FFFFFF | 6.79 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.09 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.79 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0062DF
Deuteranopia (green-blind)
#0054D7
Tritanopia (blue-blind)
#006E8A
Achromatopsia (no color)
#5B5B5B
وسوم التصميم والكود
CSS
--color: #3e46da; /* rgb */ color: rgb(62, 70, 218); /* oklch */ color: oklch(49.0% 0.221 272.5);
Tailwind
colors: {
custom: {
50: '#897ae7',
500: '#3e46da',
950: '#000000',
},
}SCSS
$custom: #3e46da; $custom-light: #897ae7; $custom-dark: #000000;
JSON
{
"hex": "#3e46da",
"rgb": {
"r": 62,
"g": 70,
"b": 218
},
"hsl": {
"h": 236.923,
"s": 67.826,
"l": 54.902
},
"oklch": {
"l": 0.48985,
"c": 0.22068,
"h": 272.5
},
"luminance": 0.10466
}Semantic roles & 50–950 ramp
primary
#3E46DA
secondary
#DBD799
accent
#E23DEB
background
#F9F7FE
surface
#F2EDFD
border
#CCC8D5
text
#0D0916
muted
#7E7B84