#1D5AAA#1D5AAA
#1D5AAA لون متوسط وزاهٍ من عائلة سماوي. الإضاءة النسبية 0.105؛ OKLCH L 47.5% C 0.142 H 257.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.78:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #1D5AAA |
|---|---|
| RGB | rgb(29, 90, 170) |
| HSL | hsl(214, 71%, 39%) |
| HSV | hsv(214, 83%, 67%) |
| CMYK | cmyk(82.9%, 47.1%, 0%, 33.3%) |
| CIE-LAB | lab(38.68, 11.00, -48.29) |
| CIE-LCH | lch(38.68, 49.53, 282.83°) |
| OKLab | oklab(47.46% -0.032 -0.1388) |
| OKLCH | oklch(47.46% 0.142 257) |
| XYZ | xyz(11.4159, 10.4744, 39.4425) |
| Luminance | 0.1048 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Denim
#1560BD
ΔE00 2.88
Sapphire
#0F52BA
ΔE00 3.70
Light Navy Blue
#2E5A88
ΔE00 3.92
Dusk Blue
#26538D
ΔE00 3.96
Denim Blue
#3B5B92
ΔE00 3.99
Denim (survey)
#3B638C
ΔE00 4.85
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#1D5AAA #AA6D1D
analogous
#1DA1AA #1D5AAA #271DAA
triadic
#1D5AAA #AA1D5A #5AAA1D
tetradic
#1D5AAA #AA1DA1 #AA6D1D #1DAA27
square
#1D5AAA #AA1DA1 #AA6D1D #1DAA27
split-complementary
#1D5AAA #AA271D #A1AA1D
monochromatic
#0B2341 #143E76 #1D5AAA #2A76DB #5E98E4
إمكانية الوصول والتباين
On white
6.78
#1D5AAA on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.10
#1D5AAA on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #1D5AAA
6.78:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##1D5AAA | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##1D5AAA | 1.00 | 6.78 | 3.10 | 6.78 |
| #FFFFFF | 6.78 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.10 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.78 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#2E62AD
Deuteranopia (green-blind)
#0355A8
Tritanopia (blue-blind)
#006D7A
Achromatopsia (no color)
#5B5B5B
وسوم التصميم والكود
CSS
--color: #1d5aaa; /* rgb */ color: rgb(29, 90, 170); /* oklch */ color: oklch(47.5% 0.142 257.0);
Tailwind
colors: {
custom: {
50: '#7288c4',
500: '#1d5aaa',
950: '#000000',
},
}SCSS
$custom: #1d5aaa; $custom-light: #7288c4; $custom-dark: #000000;
JSON
{
"hex": "#1d5aaa",
"rgb": {
"r": 29,
"g": 90,
"b": 170
},
"hsl": {
"h": 214.043,
"s": 70.854,
"l": 39.02
},
"oklch": {
"l": 0.47457,
"c": 0.1424,
"h": 257
},
"luminance": 0.10476
}Semantic roles & 50–950 ramp
primary
#1D5AAA
secondary
#C8995B
accent
#A03AEE
background
#F7F8FC
surface
#EDEFF8
border
#C8CAD1
text
#090B13
muted
#7B7C82