#161D99#161D99
#161D99 لون داكن وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.033؛ OKLCH L 34.1% C 0.192 H 268.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 12.58:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #161D99 |
|---|---|
| RGB | rgb(22, 29, 153) |
| HSL | hsl(237, 75%, 34%) |
| HSV | hsv(237, 86%, 60%) |
| CMYK | cmyk(85.6%, 81%, 0%, 40%) |
| CIE-LAB | lab(21.39, 43.50, -66.30) |
| CIE-LCH | lch(21.39, 79.30, 303.27°) |
| OKLab | oklab(34.09% -0.0054 -0.1921) |
| OKLCH | oklch(34.09% 0.192 268.4) |
| XYZ | xyz(6.5180, 3.3484, 30.4336) |
| Luminance | 0.0335 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Royal
#0C1793
ΔE00 1.56
Cobalt Blue
#030AA7
ΔE00 3.34
Royal Blue (survey)
#0504AA
ΔE00 3.96
Ultramarine
#2000B1
ΔE00 4.73
Indigo Blue
#3A18B1
ΔE00 4.90
Darkblue
#00008B
ΔE00 5.18
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#161D99 #999216
analogous
#165F99 #161D99 #511699
triadic
#161D99 #99161D #1D9916
tetradic
#161D99 #99165F #999216 #169951
square
#161D99 #99165F #999216 #169951
split-complementary
#161D99 #995116 #5F9916
monochromatic
#07092E #0E1363 #161D99 #1E27CF #454EE4
إمكانية الوصول والتباين
On white
12.58
#161D99 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.67
#161D99 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #161D99
12.58:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##161D99 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##161D99 | 1.00 | 12.58 | 1.67 | 12.58 |
| #FFFFFF | 12.58 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.67 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.58 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#003A9C
Deuteranopia (green-blind)
#002C97
Tritanopia (blue-blind)
#00445B
Achromatopsia (no color)
#333333
وسوم التصميم والكود
CSS
--color: #161d99; /* rgb */ color: rgb(22, 29, 153); /* oklch */ color: oklch(34.1% 0.192 268.4);
Tailwind
colors: {
custom: {
50: '#705cb8',
500: '#161d99',
950: '#000000',
},
}SCSS
$custom: #161d99; $custom-light: #705cb8; $custom-dark: #000000;
JSON
{
"hex": "#161d99",
"rgb": {
"r": 22,
"g": 29,
"b": 153
},
"hsl": {
"h": 236.794,
"s": 74.857,
"l": 34.314
},
"oklch": {
"l": 0.34093,
"c": 0.19217,
"h": 268.4
},
"luminance": 0.03349
}Semantic roles & 50–950 ramp
primary
#161D99
secondary
#C5BE46
accent
#E736F1
background
#F7F5FB
surface
#EDE9F6
border
#C8C5D0
text
#090412
muted
#7B7981