#352DAE#352DAE
#352DAE لون داكن وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.057؛ OKLCH L 40.4% C 0.195 H 275.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.82:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #352DAE |
|---|---|
| RGB | rgb(53, 45, 174) |
| HSL | hsl(244, 59%, 43%) |
| HSV | hsv(244, 74%, 68%) |
| CMYK | cmyk(69.5%, 74.1%, 0%, 31.8%) |
| CIE-LAB | lab(28.61, 44.09, -67.04) |
| CIE-LCH | lch(28.61, 80.24, 303.33°) |
| OKLab | oklab(40.36% 0.02 -0.1938) |
| OKLCH | oklch(40.36% 0.195 275.9) |
| XYZ | xyz(10.0441, 5.6887, 40.6049) |
| Luminance | 0.0569 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Indigo Blue
#3A18B1
ΔE00 4.04
Sapphire (survey)
#2138AB
ΔE00 4.07
True Blue
#010FCC
ΔE00 5.81
Ocean Blue
#4F42B5
ΔE00 6.08
Blue With A Hint Of Purple
#533CC6
ΔE00 6.18
Violet Blue
#510AC9
ΔE00 6.44
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#352DAE #A6AE2D
analogous
#2D65AE #352DAE #752DAE
triadic
#352DAE #AE352D #2DAE35
tetradic
#352DAE #AE2D65 #A6AE2D #2DAE75
square
#352DAE #AE2D65 #A6AE2D #2DAE75
split-complementary
#352DAE #AE752D #65AE2D
monochromatic
#17144D #26207D #352DAE #5148D0 #7F79DC
إمكانية الوصول والتباين
On white
9.82
#352DAE on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.14
#352DAE on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #352DAE
9.82:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##352DAE | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##352DAE | 1.00 | 9.82 | 2.14 | 9.82 |
| #FFFFFF | 9.82 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.14 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.82 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0049B2
Deuteranopia (green-blind)
#003EAC
Tritanopia (blue-blind)
#00526B
Achromatopsia (no color)
#434343
وسوم التصميم والكود
CSS
--color: #352dae; /* rgb */ color: rgb(53, 45, 174); /* oklch */ color: oklch(40.4% 0.195 275.9);
Tailwind
colors: {
custom: {
50: '#7e68c7',
500: '#352dae',
950: '#000000',
},
}SCSS
$custom: #352dae; $custom-light: #7e68c7; $custom-dark: #000000;
JSON
{
"hex": "#352dae",
"rgb": {
"r": 53,
"g": 45,
"b": 174
},
"hsl": {
"h": 243.721,
"s": 58.904,
"l": 42.941
},
"oklch": {
"l": 0.40356,
"c": 0.1948,
"h": 275.9
},
"luminance": 0.0569
}Semantic roles & 50–950 ramp
primary
#352DAE
secondary
#BFC472
accent
#E246D8
background
#F8F6FC
surface
#EFEBF8
border
#CAC6D1
text
#0B0613
muted
#7C7A82