#448E9C#448E9C
#448E9C لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.230؛ OKLCH L 60.5% C 0.076 H 211.6°. أفضل لون لنص المتن هو #000000 بتباين 5.60:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #448E9C |
|---|---|
| RGB | rgb(68, 142, 156) |
| HSL | hsl(190, 39%, 44%) |
| HSV | hsv(190, 56%, 61%) |
| CMYK | cmyk(56.4%, 9%, 0%, 38.8%) |
| CIE-LAB | lab(55.05, -18.80, -14.42) |
| CIE-LCH | lch(55.05, 23.70, 217.48°) |
| OKLab | oklab(60.51% -0.0648 -0.0399) |
| OKLCH | oklch(60.51% 0.076 211.6) |
| XYZ | xyz(18.0552, 22.9735, 34.9289) |
| Luminance | 0.2298 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Teal Blue
#01889F
ΔE00 4.63
Dirty Blue
#3F829D
ΔE00 7.01
Cadetblue
#5F9EA0
ΔE00 7.33
Dark Cyan
#0A888A
ΔE00 7.86
Ocean
#017B92
ΔE00 8.38
Darkcyan
#008B8B
ΔE00 8.41
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#448E9C #9C5244
analogous
#449C7E #448E9C #44629C
triadic
#448E9C #9C448E #8E9C44
tetradic
#448E9C #7E449C #9C5244 #629C44
square
#448E9C #7E449C #9C5244 #629C44
split-complementary
#448E9C #9C4462 #9C7E44
monochromatic
#1F4047 #316771 #448E9C #62ADBB #8DC3CD
إمكانية الوصول والتباين
On white
3.75
#448E9C on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.60
#448E9C on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #448E9C
5.60:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##448E9C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##448E9C | 1.00 | 3.75 | 5.60 | 5.60 |
| #FFFFFF | 3.75 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.60 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.60 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#838A9D
Deuteranopia (green-blind)
#757F9C
Tritanopia (blue-blind)
#009492
Achromatopsia (no color)
#848484
وسوم التصميم والكود
CSS
--color: #448e9c; /* rgb */ color: rgb(68, 142, 156); /* oklch */ color: oklch(60.5% 0.076 211.6);
Tailwind
colors: {
custom: {
50: '#80afb9',
500: '#448e9c',
950: '#000000',
},
}SCSS
$custom: #448e9c; $custom-light: #80afb9; $custom-dark: #000000;
JSON
{
"hex": "#448e9c",
"rgb": {
"r": 68,
"g": 142,
"b": 156
},
"hsl": {
"h": 189.545,
"s": 39.286,
"l": 43.922
},
"oklch": {
"l": 0.60514,
"c": 0.07612,
"h": 211.6
},
"luminance": 0.22975
}Semantic roles & 50–950 ramp
primary
#448E9C
secondary
#B98C83
accent
#6B59CF
background
#F8FAFB
surface
#EFF4F6
border
#CACED0
text
#0B1011
muted
#7C7F80