#28345A#28345A
#28345A لون داكن ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.036؛ OKLCH L 33.4% C 0.069 H 269.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 12.15:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #28345A |
|---|---|
| RGB | rgb(40, 52, 90) |
| HSL | hsl(226, 38%, 25%) |
| HSV | hsv(226, 56%, 35%) |
| CMYK | cmyk(55.6%, 42.2%, 0%, 64.7%) |
| CIE-LAB | lab(22.46, 7.38, -24.42) |
| CIE-LCH | lch(22.46, 25.51, 286.81°) |
| OKLab | oklab(33.42% -0.001 -0.0691) |
| OKLCH | oklch(33.42% 0.069 269.2) |
| XYZ | xyz(3.9479, 3.6450, 10.1664) |
| Luminance | 0.0365 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Navy Blue
#1B2A4A
ΔE00 3.85
Marine
#042E60
ΔE00 5.37
Marine Blue
#01386A
ΔE00 6.83
Twilight Blue
#0A437A
ΔE00 9.02
Darkish Blue
#014182
ΔE00 9.20
Navy (survey)
#01153E
ΔE00 9.73
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#28345A #5A4E28
analogous
#284D5A #28345A #35285A
triadic
#28345A #5A2834 #345A28
tetradic
#28345A #5A284D #5A4E28 #285A35
square
#28345A #5A284D #5A4E28 #285A35
split-complementary
#28345A #5A3528 #4D5A28
monochromatic
#090C15 #151C30 #28345A #3B4C84 #4E65AF
إمكانية الوصول والتباين
On white
12.15
#28345A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.73
#28345A on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #28345A
12.15:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##28345A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##28345A | 1.00 | 12.15 | 1.73 | 12.15 |
| #FFFFFF | 12.15 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.73 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.15 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#25385C
Deuteranopia (green-blind)
#1F3459
Tritanopia (blue-blind)
#113C42
Achromatopsia (no color)
#363636
وسوم التصميم والكود
CSS
--color: #28345a; /* rgb */ color: rgb(40, 52, 90); /* oklch */ color: oklch(33.4% 0.069 269.2);
Tailwind
colors: {
custom: {
50: '#666b89',
500: '#28345a',
950: '#000000',
},
}SCSS
$custom: #28345a; $custom-light: #666b89; $custom-dark: #000000;
JSON
{
"hex": "#28345a",
"rgb": {
"r": 40,
"g": 52,
"b": 90
},
"hsl": {
"h": 225.6,
"s": 38.462,
"l": 25.49
},
"oklch": {
"l": 0.33418,
"c": 0.06911,
"h": 269.2
},
"luminance": 0.03645
}Semantic roles & 50–950 ramp
primary
#28345A
secondary
#8D7E51
accent
#B259CE
background
#F6F6F8
surface
#EBEBF0
border
#C6C6CB
text
#06060B
muted
#7A7A7C