#3953DA#3953DA
#3953DA لون متوسط وعالي التشبّع من عائلة أزرق. الإضاءة النسبية 0.121؛ OKLCH L 50.9% C 0.207 H 269.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.13:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3953DA |
|---|---|
| RGB | rgb(57, 83, 218) |
| HSL | hsl(230, 69%, 54%) |
| HSV | hsv(230, 74%, 85%) |
| CMYK | cmyk(73.9%, 61.9%, 0%, 14.5%) |
| CIE-LAB | lab(41.40, 36.66, -71.77) |
| CIE-LCH | lch(41.40, 80.59, 297.06°) |
| OKLab | oklab(50.92% -0.0032 -0.2074) |
| OKLCH | oklch(50.92% 0.207 269.1) |
| XYZ | xyz(17.4311, 12.1165, 67.7361) |
| Luminance | 0.1212 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Warm Blue
#4B57DB
ΔE00 2.21
Electric Blue
#0652FF
ΔE00 4.13
Azul
#1D5DEC
ΔE00 4.28
Blue (survey)
#0343DF
ΔE00 4.82
Blue Blue
#2242C7
ΔE00 5.80
Iris
#6258C4
ΔE00 6.10
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3953DA #DAC039
analogous
#39A3DA #3953DA #7039DA
triadic
#3953DA #DA3953 #53DA39
tetradic
#3953DA #DA39A3 #DAC039 #39DA70
square
#3953DA #DA39A3 #DAC039 #39DA70
split-complementary
#3953DA #DA7039 #A3DA39
monochromatic
#182981 #2239B4 #3953DA #6D80E4 #A0ADED
إمكانية الوصول والتباين
On white
6.13
#3953DA on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.42
#3953DA on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #3953DA
6.13:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3953DA | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3953DA | 1.00 | 6.13 | 3.42 | 6.13 |
| #FFFFFF | 6.13 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.42 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.13 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0069DE
Deuteranopia (green-blind)
#005AD7
Tritanopia (blue-blind)
#00768F
Achromatopsia (no color)
#626262
وسوم التصميم والكود
CSS
--color: #3953da; /* rgb */ color: rgb(57, 83, 218); /* oklch */ color: oklch(50.9% 0.207 269.1);
Tailwind
colors: {
custom: {
50: '#8683e7',
500: '#3953da',
950: '#000000',
},
}SCSS
$custom: #3953da; $custom-light: #8683e7; $custom-dark: #000000;
JSON
{
"hex": "#3953da",
"rgb": {
"r": 57,
"g": 83,
"b": 218
},
"hsl": {
"h": 230.311,
"s": 68.511,
"l": 53.922
},
"oklch": {
"l": 0.50916,
"c": 0.20744,
"h": 269.1
},
"luminance": 0.12118
}Semantic roles & 50–950 ramp
primary
#3953DA
secondary
#DACF95
accent
#CF3CEB
background
#F9F8FE
surface
#F1EFFD
border
#CBCAD5
text
#0D0A16
muted
#7E7C84