#101D57#101D57
#101D57 لون داكن ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.017؛ OKLCH L 26.3% C 0.106 H 268.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 15.73:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #101D57 |
|---|---|
| RGB | rgb(16, 29, 87) |
| HSL | hsl(229, 69%, 20%) |
| HSV | hsv(229, 82%, 34%) |
| CMYK | cmyk(81.6%, 66.7%, 0%, 65.9%) |
| CIE-LAB | lab(13.69, 18.16, -36.62) |
| CIE-LCH | lch(13.69, 40.87, 296.38°) |
| OKLab | oklab(26.3% -0.0032 -0.1058) |
| OKLCH | oklch(26.3% 0.106 268.3) |
| XYZ | xyz(2.3728, 1.6767, 9.2136) |
| Luminance | 0.0168 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Navy Blue (survey)
#001146
ΔE00 3.93
Navy (survey)
#01153E
ΔE00 4.93
Midnight Blue
#191970
ΔE00 5.62
Navy Blue
#1B2A4A
ΔE00 6.80
Marine
#042E60
ΔE00 6.86
Night Blue
#040348
ΔE00 6.93
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#101D57 #574A10
analogous
#104057 #101D57 #261057
triadic
#101D57 #57101D #1D5710
tetradic
#101D57 #571040 #574A10 #105726
square
#101D57 #571040 #574A10 #105726
split-complementary
#101D57 #572610 #405710
monochromatic
#05091A #060C23 #101D57 #1A2E8B #233FBE
إمكانية الوصول والتباين
On white
15.73
#101D57 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.34
#101D57 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #101D57
15.73:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##101D57 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##101D57 | 1.00 | 15.73 | 1.34 | 15.73 |
| #FFFFFF | 15.73 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.34 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.73 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#002659
Deuteranopia (green-blind)
#002056
Tritanopia (blue-blind)
#002C36
Achromatopsia (no color)
#232323
وسوم التصميم والكود
CSS
--color: #101d57; /* rgb */ color: rgb(16, 29, 87); /* oklch */ color: oklch(26.3% 0.106 268.3);
Tailwind
colors: {
custom: {
50: '#5b5887',
500: '#101d57',
950: '#000000',
},
}SCSS
$custom: #101d57; $custom-light: #5b5887; $custom-dark: #000000;
JSON
{
"hex": "#101d57",
"rgb": {
"r": 16,
"g": 29,
"b": 87
},
"hsl": {
"h": 229.014,
"s": 68.932,
"l": 20.196
},
"oklch": {
"l": 0.26297,
"c": 0.10587,
"h": 268.3
},
"luminance": 0.01677
}Semantic roles & 50–950 ramp
primary
#101D57
secondary
#907F32
accent
#CC3CEC
background
#F5F5F8
surface
#E9E9EF
border
#C5C5CA
text
#04030B
muted
#79787C