#446394#446394
#446394 لون متوسط ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.123؛ OKLCH L 49.8% C 0.087 H 259.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.07:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #446394 |
|---|---|
| RGB | rgb(68, 99, 148) |
| HSL | hsl(217, 37%, 42%) |
| HSV | hsv(217, 54%, 58%) |
| CMYK | cmyk(54.1%, 33.1%, 0%, 42%) |
| CIE-LAB | lab(41.67, 3.55, -30.33) |
| CIE-LCH | lch(41.67, 30.54, 276.68°) |
| OKLab | oklab(49.81% -0.0162 -0.0854) |
| OKLCH | oklch(49.81% 0.087 259.3) |
| XYZ | xyz(12.1892, 12.2898, 29.7411) |
| Luminance | 0.1229 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Dusky Blue
#475F94
ΔE00 2.11
Denim Blue
#3B5B92
ΔE00 2.80
Denim (survey)
#3B638C
ΔE00 3.04
French Blue
#436BAD
ΔE00 4.19
Light Navy Blue
#2E5A88
ΔE00 4.63
Denim
#1560BD
ΔE00 5.76
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#446394 #947544
analogous
#448B94 #446394 #4D4494
triadic
#446394 #944463 #639444
tetradic
#446394 #94448B #947544 #44944D
square
#446394 #94448B #947544 #44944D
split-complementary
#446394 #944D44 #8B9444
monochromatic
#1D2B40 #31476A #446394 #5F81B6 #89A2C9
إمكانية الوصول والتباين
On white
6.07
#446394 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.46
#446394 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #446394
6.07:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##446394 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##446394 | 1.00 | 6.07 | 3.46 | 6.07 |
| #FFFFFF | 6.07 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.46 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.07 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#506696
Deuteranopia (green-blind)
#465F93
Tritanopia (blue-blind)
#1A6E75
Achromatopsia (no color)
#626262
وسوم التصميم والكود
CSS
--color: #446394; /* rgb */ color: rgb(68, 99, 148); /* oklch */ color: oklch(49.8% 0.087 259.3);
Tailwind
colors: {
custom: {
50: '#7d8fb3',
500: '#446394',
950: '#000000',
},
}SCSS
$custom: #446394; $custom-light: #7d8fb3; $custom-dark: #000000;
JSON
{
"hex": "#446394",
"rgb": {
"r": 68,
"g": 99,
"b": 148
},
"hsl": {
"h": 216.75,
"s": 37.037,
"l": 42.353
},
"oklch": {
"l": 0.49809,
"c": 0.08693,
"h": 259.3
},
"luminance": 0.12291
}Semantic roles & 50–950 ramp
primary
#446394
secondary
#B4A080
accent
#A15BCD
background
#F7F8FB
surface
#EEF0F6
border
#C9CBD0
text
#0A0C11
muted
#7C7D80