#448683#448683
#448683 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.199؛ OKLCH L 57.6% C 0.068 H 191.6°. أفضل لون لنص المتن هو #000000 بتباين 4.98:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #448683 |
|---|---|
| RGB | rgb(68, 134, 131) |
| HSL | hsl(177, 33%, 40%) |
| HSV | hsv(177, 49%, 53%) |
| CMYK | cmyk(49.3%, 0%, 2.2%, 47.5%) |
| CIE-LAB | lab(51.74, -21.77, -4.88) |
| CIE-LCH | lch(51.74, 22.31, 192.65°) |
| OKLab | oklab(57.59% -0.0663 -0.0135) |
| OKLCH | oklch(57.59% 0.068 191.6) |
| XYZ | xyz(15.0041, 19.9165, 24.5219) |
| Luminance | 0.1992 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Cyan
#0A888A
ΔE00 4.38
Greenish Blue
#0B8B87
ΔE00 4.59
Darkcyan
#008B8B
ΔE00 4.65
Dusty Teal
#4C9085
ΔE00 4.77
Teal
#008080
ΔE00 5.22
Bluegreen
#017A79
ΔE00 6.62
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#448683 #864447
analogous
#448662 #448683 #446886
triadic
#448683 #834486 #868344
tetradic
#448683 #624486 #864447 #688644
square
#448683 #624486 #864447 #688644
split-complementary
#448683 #864468 #866244
monochromatic
#1B3534 #2F5D5B #448683 #5BACA8 #84C1BE
إمكانية الوصول والتباين
On white
4.21
#448683 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.98
#448683 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #448683
4.98:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##448683 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##448683 | 1.00 | 4.21 | 4.98 | 4.98 |
| #FFFFFF | 4.21 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.98 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.98 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7F8083
Deuteranopia (green-blind)
#747884
Tritanopia (blue-blind)
#1F8985
Achromatopsia (no color)
#7B7B7B
وسوم التصميم والكود
CSS
--color: #448683; /* rgb */ color: rgb(68, 134, 131); /* oklch */ color: oklch(57.6% 0.068 191.6);
Tailwind
colors: {
custom: {
50: '#7da9a7',
500: '#448683',
950: '#000000',
},
}SCSS
$custom: #448683; $custom-light: #7da9a7; $custom-dark: #000000;
JSON
{
"hex": "#448683",
"rgb": {
"r": 68,
"g": 134,
"b": 131
},
"hsl": {
"h": 177.273,
"s": 32.673,
"l": 39.608
},
"oklch": {
"l": 0.57587,
"c": 0.06767,
"h": 191.6
},
"luminance": 0.19918
}Semantic roles & 50–950 ramp
primary
#448683
secondary
#AC7A7C
accent
#5F64C9
background
#F7FAFA
surface
#EEF4F4
border
#C9CECE
text
#0A100F
muted
#7C7F7F