#487B52#487B52
#487B52 لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.162؛ OKLCH L 53.5% C 0.085 H 149.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.96:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #487B52 |
|---|---|
| RGB | rgb(72, 123, 82) |
| HSL | hsl(132, 26%, 38%) |
| HSV | hsv(132, 41%, 48%) |
| CMYK | cmyk(41.5%, 0%, 33.3%, 51.8%) |
| CIE-LAB | lab(47.17, -26.60, 17.19) |
| CIE-LCH | lch(47.17, 31.67, 147.13°) |
| OKLab | oklab(53.53% -0.0726 0.0433) |
| OKLCH | oklch(53.53% 0.085 149.2) |
| XYZ | xyz(11.2778, 16.1521, 10.5044) |
| Luminance | 0.1615 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Dark Sage
#598556
ΔE00 4.74
Sea Green
#2E8B57
ΔE00 6.82
Darkish Green
#287C37
ΔE00 6.90
Dark Sea Green
#11875D
ΔE00 7.15
Jungle Green
#048243
ΔE00 7.23
Slate Green
#658D6D
ΔE00 8.48
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#487B52 #7B4871
analogous
#577B48 #487B52 #487B6B
triadic
#487B52 #52487B #7B5248
tetradic
#487B52 #48577B #7B4871 #7B6B48
square
#487B52 #48577B #7B4871 #7B6B48
split-complementary
#487B52 #6B487B #7B4857
monochromatic
#1B2E1F #315438 #487B52 #5FA16C #86B88F
إمكانية الوصول والتباين
On white
4.96
#487B52 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.23
#487B52 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #487B52
4.96:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##487B52 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##487B52 | 1.00 | 4.96 | 4.23 | 4.96 |
| #FFFFFF | 4.96 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.23 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.96 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7C734F
Deuteranopia (green-blind)
#746E54
Tritanopia (blue-blind)
#407970
Achromatopsia (no color)
#707070
وسوم التصميم والكود
CSS
--color: #487b52; /* rgb */ color: rgb(72, 123, 82); /* oklch */ color: oklch(53.5% 0.085 149.2);
Tailwind
colors: {
custom: {
50: '#7da183',
500: '#487b52',
950: '#000000',
},
}SCSS
$custom: #487b52; $custom-light: #7da183; $custom-dark: #000000;
JSON
{
"hex": "#487b52",
"rgb": {
"r": 72,
"g": 123,
"b": 82
},
"hsl": {
"h": 131.765,
"s": 26.154,
"l": 38.235
},
"oklch": {
"l": 0.53528,
"c": 0.0845,
"h": 149.2
},
"luminance": 0.16153
}Semantic roles & 50–950 ramp
primary
#487B52
secondary
#A47B9C
accent
#65B0C3
background
#F7F9F8
surface
#EEF2EF
border
#C9CCCA
text
#0A0F0A
muted
#7C7E7C