#274149#274149
#274149 لون داكن وخافت من عائلة سماوي. الإضاءة النسبية 0.047؛ OKLCH L 35.8% C 0.035 H 219.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.83:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #274149 |
|---|---|
| RGB | rgb(39, 65, 73) |
| HSL | hsl(194, 30%, 22%) |
| HSV | hsv(194, 47%, 29%) |
| CMYK | cmyk(46.6%, 11%, 0%, 71.4%) |
| CIE-LAB | lab(25.84, -7.46, -7.98) |
| CIE-LCH | lch(25.84, 10.93, 226.94°) |
| OKLab | oklab(35.78% -0.0268 -0.022) |
| OKLCH | oklch(35.78% 0.035 219.3) |
| XYZ | xyz(3.9292, 4.6927, 7.0008) |
| Luminance | 0.0469 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Charcoal
#36454F
ΔE00 4.95
Dark Blue Grey
#1F3B4D
ΔE00 5.79
Gunmetal
#2A3439
ΔE00 6.41
Dark Grey Blue
#29465B
ΔE00 6.84
Darkslategray
#2F4F4F
ΔE00 6.96
Charcoal Grey
#3C4142
ΔE00 7.86
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#274149 #492F27
analogous
#274940 #274149 #273049
triadic
#274149 #492741 #414927
tetradic
#274149 #402749 #492F27 #304927
square
#274149 #402749 #492F27 #304927
split-complementary
#274149 #492730 #494027
monochromatic
#0B1214 #121D21 #274149 #3C6571 #528899
إمكانية الوصول والتباين
On white
10.83
#274149 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.94
#274149 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #274149
10.83:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##274149 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##274149 | 1.00 | 10.83 | 1.94 | 10.83 |
| #FFFFFF | 10.83 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.94 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.83 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3C4049
Deuteranopia (green-blind)
#373B49
Tritanopia (blue-blind)
#194443
Achromatopsia (no color)
#3D3D3D
وسوم التصميم والكود
CSS
--color: #274149; /* rgb */ color: rgb(39, 65, 73); /* oklch */ color: oklch(35.8% 0.035 219.3);
Tailwind
colors: {
custom: {
50: '#63757b',
500: '#274149',
950: '#000000',
},
}SCSS
$custom: #274149; $custom-light: #63757b; $custom-dark: #000000;
JSON
{
"hex": "#274149",
"rgb": {
"r": 39,
"g": 65,
"b": 73
},
"hsl": {
"h": 194.118,
"s": 30.357,
"l": 21.961
},
"oklch": {
"l": 0.35776,
"c": 0.03465,
"h": 219.3
},
"luminance": 0.04693
}Semantic roles & 50–950 ramp
primary
#274149
secondary
#7C5A50
accent
#7961C7
background
#F6F7F7
surface
#EBEDEE
border
#C6C8C9
text
#050809
muted
#7A7B7B