#507463#507463
#507463 لون متوسط وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.151؛ OKLCH L 52.6% C 0.049 H 163.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.22:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #507463 |
|---|---|
| RGB | rgb(80, 116, 99) |
| HSL | hsl(152, 18%, 38%) |
| HSV | hsv(152, 31%, 45%) |
| CMYK | cmyk(31%, 0%, 14.7%, 54.5%) |
| CIE-LAB | lab(45.77, -16.77, 5.32) |
| CIE-LCH | lch(45.77, 17.59, 162.39°) |
| OKLab | oklab(52.64% -0.0472 0.0137) |
| OKLCH | oklch(52.64% 0.049 163.8) |
| XYZ | xyz(11.8050, 15.0965, 14.0939) |
| Luminance | 0.1510 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Green Blue
#1F6357
ΔE00 9.31
Slate Green
#658D6D
ΔE00 10.42
Dark Aquamarine
#017371
ΔE00 10.53
Dark Sage
#598556
ΔE00 10.69
Hunter Green
#355E3B
ΔE00 10.85
Bluegreen
#017A79
ΔE00 10.95
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#507463 #745061
analogous
#507451 #507463 #507374
triadic
#507463 #635074 #746350
tetradic
#507463 #515074 #745061 #737450
square
#507463 #515074 #745061 #737450
split-complementary
#507463 #745073 #745150
monochromatic
#1E2C25 #375044 #507463 #699882 #8EB1A0
إمكانية الوصول والتباين
On white
5.22
#507463 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.02
#507463 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #507463
5.22:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##507463 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##507463 | 1.00 | 5.22 | 4.02 | 5.22 |
| #FFFFFF | 5.22 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.02 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.22 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#736F62
Deuteranopia (green-blind)
#6C6B64
Tritanopia (blue-blind)
#48746F
Achromatopsia (no color)
#6C6C6C
وسوم التصميم والكود
CSS
--color: #507463; /* rgb */ color: rgb(80, 116, 99); /* oklch */ color: oklch(52.6% 0.049 163.8);
Tailwind
colors: {
custom: {
50: '#829c8f',
500: '#507463',
950: '#000000',
},
}SCSS
$custom: #507463; $custom-light: #829c8f; $custom-dark: #000000;
JSON
{
"hex": "#507463",
"rgb": {
"r": 80,
"g": 116,
"b": 99
},
"hsl": {
"h": 151.667,
"s": 18.367,
"l": 38.431
},
"oklch": {
"l": 0.52638,
"c": 0.04913,
"h": 163.8
},
"luminance": 0.15097
}Semantic roles & 50–950 ramp
primary
#507463
secondary
#9E828F
accent
#6D92BB
background
#F8F9F8
surface
#EFF2F0
border
#CACCCB
text
#0A0E0C
muted
#7C7E7D