#477D5A#477D5A
#477D5A لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.167؛ OKLCH L 54.2% C 0.080 H 154.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.83:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #477D5A |
|---|---|
| RGB | rgb(71, 125, 90) |
| HSL | hsl(141, 28%, 38%) |
| HSV | hsv(141, 43%, 49%) |
| CMYK | cmyk(43.2%, 0%, 28%, 51%) |
| CIE-LAB | lab(47.94, -26.32, 13.60) |
| CIE-LCH | lch(47.94, 29.62, 152.67°) |
| OKLab | oklab(54.19% -0.0722 0.0346) |
| OKLCH | oklch(54.19% 0.08 154.4) |
| XYZ | xyz(11.7768, 16.7442, 12.2823) |
| Luminance | 0.1674 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Dark Sage
#598556
ΔE00 5.38
Dark Sea Green
#11875D
ΔE00 6.27
Sea Green
#2E8B57
ΔE00 6.66
Slate Green
#658D6D
ΔE00 7.56
Jungle Green
#048243
ΔE00 8.00
Viridian
#1E9167
ΔE00 8.33
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#477D5A #7D476A
analogous
#4F7D47 #477D5A #477D75
triadic
#477D5A #5A477D #7D5A47
tetradic
#477D5A #474F7D #7D476A #7D7547
square
#477D5A #474F7D #7D476A #7D7547
split-complementary
#477D5A #75477D #7D474F
monochromatic
#1B2F22 #31563E #477D5A #5EA376 #85BA97
إمكانية الوصول والتباين
On white
4.83
#477D5A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.35
#477D5A on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #477D5A
4.83:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##477D5A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##477D5A | 1.00 | 4.83 | 4.35 | 4.83 |
| #FFFFFF | 4.83 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.35 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.83 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7D7558
Deuteranopia (green-blind)
#756F5C
Tritanopia (blue-blind)
#3C7C74
Achromatopsia (no color)
#727272
وسوم التصميم والكود
CSS
--color: #477d5a; /* rgb */ color: rgb(71, 125, 90); /* oklch */ color: oklch(54.2% 0.080 154.4);
Tailwind
colors: {
custom: {
50: '#7da388',
500: '#477d5a',
950: '#000000',
},
}SCSS
$custom: #477d5a; $custom-light: #7da388; $custom-dark: #000000;
JSON
{
"hex": "#477d5a",
"rgb": {
"r": 71,
"g": 125,
"b": 90
},
"hsl": {
"h": 141.111,
"s": 27.551,
"l": 38.431
},
"oklch": {
"l": 0.54189,
"c": 0.08002,
"h": 154.4
},
"luminance": 0.16745
}Semantic roles & 50–950 ramp
primary
#477D5A
secondary
#A57A96
accent
#64A2C4
background
#F7FAF8
surface
#EEF3F0
border
#C9CDCB
text
#0A0F0B
muted
#7C7F7C