#110E53#110E53
#110E53 لون داكن جداً ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.011؛ OKLCH L 23.1% C 0.118 H 273.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 17.33:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #110E53 |
|---|---|
| RGB | rgb(17, 14, 83) |
| HSL | hsl(243, 71%, 19%) |
| HSV | hsv(243, 83%, 33%) |
| CMYK | cmyk(79.5%, 83.1%, 0%, 67.5%) |
| CIE-LAB | lab(9.46, 27.10, -40.84) |
| CIE-LCH | lch(9.46, 49.02, 303.57°) |
| OKLab | oklab(23.12% 0.008 -0.1182) |
| OKLCH | oklch(23.12% 0.118 273.9) |
| XYZ | xyz(1.9490, 1.0576, 8.2834) |
| Luminance | 0.0106 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Dark Indigo
#1F0954
ΔE00 2.68
Night Blue
#040348
ΔE00 2.71
Dark Blue
#00035B
ΔE00 3.57
Darkblue (survey)
#030764
ΔE00 3.89
Navy Blue (survey)
#001146
ΔE00 4.15
Midnight Blue
#191970
ΔE00 5.16
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#110E53 #50530E
analogous
#0E2E53 #110E53 #340E53
triadic
#110E53 #53110E #0E5311
tetradic
#110E53 #530E2E #50530E #0E5334
square
#110E53 #530E2E #50530E #0E5334
split-complementary
#110E53 #53340E #2E530E
monochromatic
#05041A #06051F #110E53 #1C1787 #2620BC
إمكانية الوصول والتباين
On white
17.33
#110E53 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.21
#110E53 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #110E53
17.33:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##110E53 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##110E53 | 1.00 | 17.33 | 1.21 | 17.33 |
| #FFFFFF | 17.33 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.21 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 17.33 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#001E55
Deuteranopia (green-blind)
#001752
Tritanopia (blue-blind)
#002330
Achromatopsia (no color)
#1A1A1A
وسوم التصميم والكود
CSS
--color: #110e53; /* rgb */ color: rgb(17, 14, 83); /* oklch */ color: oklch(23.1% 0.118 273.9);
Tailwind
colors: {
custom: {
50: '#5c4e84',
500: '#110e53',
950: '#000000',
},
}SCSS
$custom: #110e53; $custom-light: #5c4e84; $custom-dark: #000000;
JSON
{
"hex": "#110e53",
"rgb": {
"r": 17,
"g": 14,
"b": 83
},
"hsl": {
"h": 242.609,
"s": 71.134,
"l": 19.02
},
"oklch": {
"l": 0.23122,
"c": 0.11843,
"h": 273.9
},
"luminance": 0.01058
}Semantic roles & 50–950 ramp
primary
#110E53
secondary
#898D2F
accent
#EE3AE6
background
#F5F4F8
surface
#E9E7EF
border
#C5C3CA
text
#05010B
muted
#79777C