#448190#448190
#448190 لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.189؛ OKLCH L 56.8% C 0.067 H 215.7°. أفضل لون لنص المتن هو #000000 بتباين 4.79:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #448190 |
|---|---|
| RGB | rgb(68, 129, 144) |
| HSL | hsl(192, 36%, 42%) |
| HSV | hsv(192, 53%, 56%) |
| CMYK | cmyk(52.8%, 10.4%, 0%, 43.5%) |
| CIE-LAB | lab(50.62, -15.36, -14.16) |
| CIE-LCH | lch(50.62, 20.89, 222.68°) |
| OKLab | oklab(56.83% -0.0545 -0.0391) |
| OKLCH | oklch(56.83% 0.067 215.7) |
| XYZ | xyz(15.2663, 18.9417, 29.2318) |
| Luminance | 0.1894 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Dirty Blue
#3F829D
ΔE00 4.54
Teal Blue
#01889F
ΔE00 4.83
Ocean
#017B92
ΔE00 5.07
Deep Aqua
#08787F
ΔE00 7.96
Sea Blue
#047495
ΔE00 8.11
Grey Blue
#647D8E
ΔE00 8.77
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#448190 #905344
analogous
#449079 #448190 #445B90
triadic
#448190 #904481 #819044
tetradic
#448190 #794490 #905344 #5B9044
square
#448190 #794490 #905344 #5B9044
split-complementary
#448190 #90445B #907944
monochromatic
#1D373D #305C66 #448190 #5EA2B3 #88BAC7
إمكانية الوصول والتباين
On white
4.39
#448190 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.79
#448190 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #448190
4.79:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##448190 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##448190 | 1.00 | 4.39 | 4.79 | 4.79 |
| #FFFFFF | 4.39 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.79 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.79 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#767E91
Deuteranopia (green-blind)
#6B7590
Tritanopia (blue-blind)
#128786
Achromatopsia (no color)
#787878
وسوم التصميم والكود
CSS
--color: #448190; /* rgb */ color: rgb(68, 129, 144); /* oklch */ color: oklch(56.8% 0.067 215.7);
Tailwind
colors: {
custom: {
50: '#7ea5b0',
500: '#448190',
950: '#000000',
},
}SCSS
$custom: #448190; $custom-light: #7ea5b0; $custom-dark: #000000;
JSON
{
"hex": "#448190",
"rgb": {
"r": 68,
"g": 129,
"b": 144
},
"hsl": {
"h": 191.842,
"s": 35.849,
"l": 41.569
},
"oklch": {
"l": 0.56828,
"c": 0.06711,
"h": 215.7
},
"luminance": 0.18943
}Semantic roles & 50–950 ramp
primary
#448190
secondary
#B2887E
accent
#725CCC
background
#F7FAFA
surface
#EEF4F4
border
#C9CECE
text
#0A0F10
muted
#7C7F7F