#304159#304159
#304159 لون داكن وخافت من عائلة أزرق. الإضاءة النسبية 0.051؛ OKLCH L 37.2% C 0.047 H 257.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.37:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #304159 |
|---|---|
| RGB | rgb(48, 65, 89) |
| HSL | hsl(215, 30%, 27%) |
| HSV | hsv(215, 46%, 35%) |
| CMYK | cmyk(46.1%, 27%, 0%, 65.1%) |
| CIE-LAB | lab(27.10, 0.45, -16.46) |
| CIE-LCH | lch(27.10, 16.47, 271.58°) |
| OKLab | oklab(37.15% -0.0105 -0.0458) |
| OKLCH | oklch(37.15% 0.047 257.1) |
| XYZ | xyz(4.9118, 5.1300, 10.1806) |
| Luminance | 0.0513 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Dark Grey Blue
#29465B
ΔE00 5.21
Dark Slate Blue
#214761
ΔE00 5.86
Dark Blue Grey
#1F3B4D
ΔE00 6.29
Charcoal
#36454F
ΔE00 7.18
Marine Blue
#01386A
ΔE00 7.45
Twilight Blue
#0A437A
ΔE00 7.73
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#304159 #594830
analogous
#305659 #304159 #343059
triadic
#304159 #593041 #415930
tetradic
#304159 #593056 #594830 #305934
square
#304159 #593056 #594830 #305934
split-complementary
#304159 #593430 #565930
monochromatic
#0B0F14 #1B2431 #304159 #455E81 #5C7BA7
إمكانية الوصول والتباين
On white
10.37
#304159 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.03
#304159 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #304159
10.37:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##304159 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##304159 | 1.00 | 10.37 | 2.03 | 10.37 |
| #FFFFFF | 10.37 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.03 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.37 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#38425A
Deuteranopia (green-blind)
#333E58
Tritanopia (blue-blind)
#214649
Achromatopsia (no color)
#404040
وسوم التصميم والكود
CSS
--color: #304159; /* rgb */ color: rgb(48, 65, 89); /* oklch */ color: oklch(37.2% 0.047 257.1);
Tailwind
colors: {
custom: {
50: '#6a7588',
500: '#304159',
950: '#000000',
},
}SCSS
$custom: #304159; $custom-light: #6a7588; $custom-dark: #000000;
JSON
{
"hex": "#304159",
"rgb": {
"r": 48,
"g": 65,
"b": 89
},
"hsl": {
"h": 215.122,
"s": 29.927,
"l": 26.863
},
"oklch": {
"l": 0.37153,
"c": 0.04704,
"h": 257.1
},
"luminance": 0.0513
}Semantic roles & 50–950 ramp
primary
#304159
secondary
#8A765A
accent
#9C62C6
background
#F6F7F8
surface
#EBEDEF
border
#C6C8CA
text
#06080B
muted
#7A7B7C