#403E63#403E63
#403E63 لون داكن ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.054؛ OKLCH L 38.3% C 0.062 H 285.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.06:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #403E63 |
|---|---|
| RGB | rgb(64, 62, 99) |
| HSL | hsl(243, 23%, 32%) |
| HSV | hsv(243, 37%, 39%) |
| CMYK | cmyk(35.4%, 37.4%, 0%, 61.2%) |
| CIE-LAB | lab(27.94, 10.65, -21.52) |
| CIE-LCH | lch(27.94, 24.01, 296.34°) |
| OKLab | oklab(38.29% 0.0167 -0.0601) |
| OKLCH | oklch(38.29% 0.062 285.5) |
| XYZ | xyz(6.0885, 5.4359, 12.5304) |
| Luminance | 0.0544 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Dusk
#4E5481
ΔE00 8.06
Twilight
#4E518B
ΔE00 8.89
Navy Blue
#1B2A4A
ΔE00 9.11
Darkslateblue
#483D8B
ΔE00 9.24
Blueberry
#464196
ΔE00 10.69
Marine
#042E60
ΔE00 10.94
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#403E63 #61633E
analogous
#3E4F63 #403E63 #533E63
triadic
#403E63 #63403E #3E6340
tetradic
#403E63 #633E4F #61633E #3E6353
square
#403E63 #633E4F #61633E #3E6353
split-complementary
#403E63 #63533E #4F633E
monochromatic
#0F0F18 #28263D #403E63 #585689 #7674A8
إمكانية الوصول والتباين
On white
10.06
#403E63 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.09
#403E63 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #403E63
10.06:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##403E63 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##403E63 | 1.00 | 10.06 | 2.09 | 10.06 |
| #FFFFFF | 10.06 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.09 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.06 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#334364
Deuteranopia (green-blind)
#324162
Tritanopia (blue-blind)
#37454C
Achromatopsia (no color)
#424242
وسوم التصميم والكود
CSS
--color: #403e63; /* rgb */ color: rgb(64, 62, 99); /* oklch */ color: oklch(38.3% 0.062 285.5);
Tailwind
colors: {
custom: {
50: '#76738f',
500: '#403e63',
950: '#000000',
},
}SCSS
$custom: #403e63; $custom-light: #76738f; $custom-dark: #000000;
JSON
{
"hex": "#403e63",
"rgb": {
"r": 64,
"g": 62,
"b": 99
},
"hsl": {
"h": 243.243,
"s": 22.981,
"l": 31.569
},
"oklch": {
"l": 0.3829,
"c": 0.06236,
"h": 285.5
},
"luminance": 0.05436
}Semantic roles & 50–950 ramp
primary
#403E63
secondary
#91936A
accent
#BF68BB
background
#F7F6F8
surface
#EDECF0
border
#C8C7CB
text
#08080C
muted
#7B7B7D