#458176#458176
#458176 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.183؛ OKLCH L 55.9% C 0.065 H 180.6°. أفضل لون لنص المتن هو #000000 بتباين 4.65:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #458176 |
|---|---|
| RGB | rgb(69, 129, 118) |
| HSL | hsl(169, 30%, 39%) |
| HSV | hsv(169, 47%, 51%) |
| CMYK | cmyk(46.5%, 0%, 8.5%, 49.4%) |
| CIE-LAB | lab(49.83, -22.38, -0.10) |
| CIE-LCH | lch(49.83, 22.38, 180.25°) |
| OKLab | oklab(55.92% -0.0654 -0.0006) |
| OKLCH | oklch(55.92% 0.065 180.6) |
| XYZ | xyz(13.5732, 18.2727, 19.9477) |
| Luminance | 0.1827 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Dusty Teal
#4C9085
ΔE00 5.45
Greenish Blue
#0B8B87
ΔE00 6.38
Teal
#008080
ΔE00 6.49
Bluegreen
#017A79
ΔE00 6.82
Dark Cyan
#0A888A
ΔE00 7.21
Darkcyan
#008B8B
ΔE00 7.27
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#458176 #814550
analogous
#458158 #458176 #456E81
triadic
#458176 #764581 #817645
tetradic
#458176 #584581 #814550 #6E8145
square
#458176 #584581 #814550 #6E8145
split-complementary
#458176 #81456E #815845
monochromatic
#1A312D #305952 #458176 #5CA89A #83BDB2
إمكانية الوصول والتباين
On white
4.51
#458176 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.65
#458176 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #458176
4.65:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##458176 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##458176 | 1.00 | 4.51 | 4.65 | 4.65 |
| #FFFFFF | 4.51 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.65 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.65 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7C7B76
Deuteranopia (green-blind)
#727377
Tritanopia (blue-blind)
#2C837E
Achromatopsia (no color)
#767676
وسوم التصميم والكود
CSS
--color: #458176; /* rgb */ color: rgb(69, 129, 118); /* oklch */ color: oklch(55.9% 0.065 180.6);
Tailwind
colors: {
custom: {
50: '#7da69d',
500: '#458176',
950: '#000000',
},
}SCSS
$custom: #458176; $custom-light: #7da69d; $custom-dark: #000000;
JSON
{
"hex": "#458176",
"rgb": {
"r": 69,
"g": 129,
"b": 118
},
"hsl": {
"h": 169,
"s": 30.303,
"l": 38.824
},
"oklch": {
"l": 0.55924,
"c": 0.06537,
"h": 180.6
},
"luminance": 0.18274
}Semantic roles & 50–950 ramp
primary
#458176
secondary
#A87A82
accent
#6174C7
background
#F7FAF9
surface
#EEF4F2
border
#C9CECC
text
#0A0F0E
muted
#7C7F7E