#4341DF#4341DF
#4341DF لون متوسط وعالي التشبّع من عائلة أزرق. الإضاءة النسبية 0.103؛ OKLCH L 49.0% C 0.231 H 274.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.86:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4341DF |
|---|---|
| RGB | rgb(67, 65, 223) |
| HSL | hsl(241, 71%, 56%) |
| HSV | hsv(241, 71%, 87%) |
| CMYK | cmyk(70%, 70.9%, 0%, 12.5%) |
| CIE-LAB | lab(38.38, 50.18, -79.57) |
| CIE-LCH | lch(38.38, 94.07, 302.24°) |
| OKLab | oklab(49% 0.0174 -0.2301) |
| OKLCH | oklch(49% 0.231 274.3) |
| XYZ | xyz(17.5199, 10.2999, 70.8625) |
| Luminance | 0.1030 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Vibrant Blue
#0339F8
ΔE00 3.50
Blue (survey)
#0343DF
ΔE00 3.72
Blurple
#5539CC
ΔE00 3.74
Blue With A Hint Of Purple
#533CC6
ΔE00 3.85
Purpley Blue
#5F34E7
ΔE00 4.29
Purpleish Blue
#6140EF
ΔE00 4.34
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4341DF #DDDF41
analogous
#418EDF #4341DF #9241DF
triadic
#4341DF #DF4341 #41DF43
tetradic
#4341DF #DF418E #DDDF41 #41DF92
square
#4341DF #DF418E #DDDF41 #41DF92
split-complementary
#4341DF #DF9241 #8EDF41
monochromatic
#19188E #2321C2 #4341DF #7775E8 #ABAAF1
إمكانية الوصول والتباين
On white
6.86
#4341DF on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.06
#4341DF on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #4341DF
6.86:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4341DF | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4341DF | 1.00 | 6.86 | 3.06 | 6.86 |
| #FFFFFF | 6.86 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.06 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.86 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0062E4
Deuteranopia (green-blind)
#0053DC
Tritanopia (blue-blind)
#006D8C
Achromatopsia (no color)
#5A5A5A
وسوم التصميم والكود
CSS
--color: #4341df; /* rgb */ color: rgb(67, 65, 223); /* oklch */ color: oklch(49.0% 0.231 274.3);
Tailwind
colors: {
custom: {
50: '#8c77ea',
500: '#4341df',
950: '#000000',
},
}SCSS
$custom: #4341df; $custom-light: #8c77ea; $custom-dark: #000000;
JSON
{
"hex": "#4341df",
"rgb": {
"r": 67,
"g": 65,
"b": 223
},
"hsl": {
"h": 240.759,
"s": 71.171,
"l": 56.471
},
"oklch": {
"l": 0.48997,
"c": 0.23072,
"h": 274.3
},
"luminance": 0.10302
}Semantic roles & 50–950 ramp
primary
#4341DF
secondary
#DEDE9D
accent
#EE3AEC
background
#F9F7FE
surface
#F2EDFD
border
#CCC8D5
text
#0E0916
muted
#7E7B84