#113FA1#113FA1
#113FA1 لون داكن وزاهٍ من عائلة أزرق. الإضاءة النسبية 0.062؛ OKLCH L 40.6% C 0.166 H 262.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.34:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #113FA1 |
|---|---|
| RGB | rgb(17, 63, 161) |
| HSL | hsl(221, 81%, 35%) |
| HSV | hsv(221, 89%, 63%) |
| CMYK | cmyk(89.4%, 60.9%, 0%, 36.9%) |
| CIE-LAB | lab(30.03, 24.68, -56.96) |
| CIE-LCH | lch(30.03, 62.07, 293.43°) |
| OKLab | oklab(40.57% -0.0214 -0.1649) |
| OKLCH | oklch(40.57% 0.166 262.6) |
| XYZ | xyz(8.4394, 6.2463, 34.4722) |
| Luminance | 0.0625 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Cobalt
#0047AB
ΔE00 2.96
Sapphire (survey)
#2138AB
ΔE00 3.67
Cobalt (survey)
#1E488F
ΔE00 4.37
Darkish Blue
#014182
ΔE00 5.52
Blue Blue
#2242C7
ΔE00 5.75
Blueberry
#464196
ΔE00 6.63
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#113FA1 #A17311
analogous
#1187A1 #113FA1 #2B11A1
triadic
#113FA1 #A1113F #3FA111
tetradic
#113FA1 #A11187 #A17311 #11A12B
square
#113FA1 #A11187 #A17311 #11A12B
split-complementary
#113FA1 #A12B11 #87A111
monochromatic
#051432 #0B296A #113FA1 #1755D8 #4178EB
إمكانية الوصول والتباين
On white
9.34
#113FA1 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.25
#113FA1 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #113FA1
9.34:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##113FA1 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##113FA1 | 1.00 | 9.34 | 2.25 | 9.34 |
| #FFFFFF | 9.34 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.25 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.34 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#004DA4
Deuteranopia (green-blind)
#00409F
Tritanopia (blue-blind)
#00586A
Achromatopsia (no color)
#474747
وسوم التصميم والكود
CSS
--color: #113fa1; /* rgb */ color: rgb(17, 63, 161); /* oklch */ color: oklch(40.6% 0.166 262.6);
Tailwind
colors: {
custom: {
50: '#6e73be',
500: '#113fa1',
950: '#000000',
},
}SCSS
$custom: #113fa1; $custom-light: #6e73be; $custom-dark: #000000;
JSON
{
"hex": "#113fa1",
"rgb": {
"r": 17,
"g": 63,
"b": 161
},
"hsl": {
"h": 220.833,
"s": 80.899,
"l": 34.902
},
"oklch": {
"l": 0.40572,
"c": 0.16628,
"h": 262.6
},
"luminance": 0.06247
}Semantic roles & 50–950 ramp
primary
#113FA1
secondary
#CB9F43
accent
#B831F7
background
#F7F6FB
surface
#EDECF7
border
#C8C7D0
text
#090812
muted
#7B7B81