#16124E#16124E
#16124E لون داكن جداً ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.012؛ OKLCH L 23.6% C 0.105 H 277.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 17.06:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #16124E |
|---|---|
| RGB | rgb(22, 18, 78) |
| HSL | hsl(244, 63%, 19%) |
| HSV | hsv(244, 77%, 31%) |
| CMYK | cmyk(71.8%, 76.9%, 0%, 69.4%) |
| CIE-LAB | lab(10.21, 23.26, -36.17) |
| CIE-LCH | lch(10.21, 43.00, 302.74°) |
| OKLab | oklab(23.58% 0.0139 -0.1044) |
| OKLCH | oklch(23.58% 0.105 277.6) |
| XYZ | xyz(1.9219, 1.1531, 7.3275) |
| Luminance | 0.0115 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Navy Blue (survey)
#001146
ΔE00 3.31
Dark Indigo
#1F0954
ΔE00 3.62
Night Blue
#040348
ΔE00 3.67
Dark Blue
#00035B
ΔE00 5.48
Midnight Blue (survey)
#020035
ΔE00 5.55
Darkblue (survey)
#030764
ΔE00 5.75
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#16124E #4A4E12
analogous
#122C4E #16124E #34124E
triadic
#16124E #4E1612 #124E16
tetradic
#16124E #4E122C #4A4E12 #124E34
square
#16124E #4E122C #4A4E12 #124E34
split-complementary
#16124E #4E3412 #2C4E12
monochromatic
#070619 #08071C #16124E #241D80 #3229B1
إمكانية الوصول والتباين
On white
17.06
#16124E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.23
#16124E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #16124E
17.06:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##16124E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##16124E | 1.00 | 17.06 | 1.23 | 17.06 |
| #FFFFFF | 17.06 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.23 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 17.06 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#001E50
Deuteranopia (green-blind)
#00194D
Tritanopia (blue-blind)
#00222E
Achromatopsia (no color)
#1C1C1C
وسوم التصميم والكود
CSS
--color: #16124e; /* rgb */ color: rgb(22, 18, 78); /* oklch */ color: oklch(23.6% 0.105 277.6);
Tailwind
colors: {
custom: {
50: '#5c5080',
500: '#16124e',
950: '#000000',
},
}SCSS
$custom: #16124e; $custom-light: #5c5080; $custom-dark: #000000;
JSON
{
"hex": "#16124e",
"rgb": {
"r": 22,
"g": 18,
"b": 78
},
"hsl": {
"h": 244,
"s": 62.5,
"l": 18.824
},
"oklch": {
"l": 0.23581,
"c": 0.10532,
"h": 277.6
},
"luminance": 0.01153
}Semantic roles & 50–950 ramp
primary
#16124E
secondary
#828735
accent
#E642DB
background
#F5F4F7
surface
#E9E7EE
border
#C5C3C9
text
#05020A
muted
#79787C