#405A9C#405A9C
#405A9C لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.108؛ OKLCH L 48.0% C 0.111 H 266.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.64:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #405A9C |
|---|---|
| RGB | rgb(64, 90, 156) |
| HSL | hsl(223, 42%, 43%) |
| HSV | hsv(223, 59%, 61%) |
| CMYK | cmyk(59%, 42.3%, 0%, 38.8%) |
| CIE-LAB | lab(39.24, 11.09, -38.97) |
| CIE-LCH | lch(39.24, 40.52, 285.89°) |
| OKLab | oklab(48.01% -0.0075 -0.1108) |
| OKLCH | oklch(48.01% 0.111 266.1) |
| XYZ | xyz(11.7692, 10.8017, 32.9108) |
| Luminance | 0.1080 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Denim Blue
#3B5B92
ΔE00 2.06
Dusky Blue
#475F94
ΔE00 2.31
Dusk Blue
#26538D
ΔE00 4.83
Light Navy Blue
#2E5A88
ΔE00 5.12
Denim (survey)
#3B638C
ΔE00 5.41
Sapphire
#0F52BA
ΔE00 5.61
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#405A9C #9C8240
analogous
#40889C #405A9C #54409C
triadic
#405A9C #9C405A #5A9C40
tetradic
#405A9C #9C4088 #9C8240 #409C54
square
#405A9C #9C4088 #9C8240 #409C54
split-complementary
#405A9C #9C5440 #889C40
monochromatic
#1C2845 #2E4171 #405A9C #5D78BC #889CCE
إمكانية الوصول والتباين
On white
6.64
#405A9C on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.16
#405A9C on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #405A9C
6.64:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##405A9C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##405A9C | 1.00 | 6.64 | 3.16 | 6.64 |
| #FFFFFF | 6.64 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.16 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.64 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3D619F
Deuteranopia (green-blind)
#31599B
Tritanopia (blue-blind)
#006973
Achromatopsia (no color)
#5C5C5C
وسوم التصميم والكود
CSS
--color: #405a9c; /* rgb */ color: rgb(64, 90, 156); /* oklch */ color: oklch(48.0% 0.111 266.1);
Tailwind
colors: {
custom: {
50: '#7d88b9',
500: '#405a9c',
950: '#000000',
},
}SCSS
$custom: #405a9c; $custom-light: #7d88b9; $custom-dark: #000000;
JSON
{
"hex": "#405a9c",
"rgb": {
"r": 64,
"g": 90,
"b": 156
},
"hsl": {
"h": 223.043,
"s": 41.818,
"l": 43.137
},
"oklch": {
"l": 0.48006,
"c": 0.11105,
"h": 266.1
},
"luminance": 0.10803
}Semantic roles & 50–950 ramp
primary
#405A9C
secondary
#B9A97F
accent
#AF56D2
background
#F7F8FB
surface
#EEEFF6
border
#C9CAD0
text
#0A0B11
muted
#7C7C80