#347EAE#347EAE
#347EAE لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.187؛ OKLCH L 56.8% C 0.104 H 240.6°. أفضل لون لنص المتن هو #000000 بتباين 4.74:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #347EAE |
|---|---|
| RGB | rgb(52, 126, 174) |
| HSL | hsl(204, 54%, 44%) |
| HSV | hsv(204, 70%, 68%) |
| CMYK | cmyk(70.1%, 27.6%, 0%, 31.8%) |
| CIE-LAB | lab(50.34, -6.95, -32.10) |
| CIE-LCH | lch(50.34, 32.84, 257.78°) |
| OKLab | oklab(56.85% -0.0509 -0.0905) |
| OKLCH | oklch(56.85% 0.104 240.6) |
| XYZ | xyz(16.5141, 18.7060, 42.7765) |
| Luminance | 0.1871 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Nice Blue
#107AB0
ΔE00 2.44
Steel Blue
#4682B4
ΔE00 2.94
Cool Blue
#4984B8
ΔE00 3.86
Cerulean
#007BA7
ΔE00 4.12
Stormy Blue
#507B9C
ΔE00 4.19
Bluish
#2976BB
ΔE00 4.52
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#347EAE #AE6434
analogous
#34AEA1 #347EAE #3441AE
triadic
#347EAE #AE347E #7EAE34
tetradic
#347EAE #A134AE #AE6434 #41AE34
square
#347EAE #A134AE #AE6434 #41AE34
split-complementary
#347EAE #AE3441 #AEA134
monochromatic
#183A50 #265C7F #347EAE #539CCC #83B7DA
إمكانية الوصول والتباين
On white
4.43
#347EAE on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.74
#347EAE on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #347EAE
4.74:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##347EAE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##347EAE | 1.00 | 4.43 | 4.74 | 4.74 |
| #FFFFFF | 4.43 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.74 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.74 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#687EB0
Deuteranopia (green-blind)
#5773AD
Tritanopia (blue-blind)
#008A8F
Achromatopsia (no color)
#787878
وسوم التصميم والكود
CSS
--color: #347eae; /* rgb */ color: rgb(52, 126, 174); /* oklch */ color: oklch(56.8% 0.104 240.6);
Tailwind
colors: {
custom: {
50: '#7aa3c6',
500: '#347eae',
950: '#000000',
},
}SCSS
$custom: #347eae; $custom-light: #7aa3c6; $custom-dark: #000000;
JSON
{
"hex": "#347eae",
"rgb": {
"r": 52,
"g": 126,
"b": 174
},
"hsl": {
"h": 203.607,
"s": 53.982,
"l": 44.314
},
"oklch": {
"l": 0.56849,
"c": 0.10388,
"h": 240.6
},
"luminance": 0.18708
}Semantic roles & 50–950 ramp
primary
#347EAE
secondary
#C3977B
accent
#844ADD
background
#F7FAFC
surface
#EEF3F8
border
#C9CDD1
text
#0A0F13
muted
#7C7F82