#477C4B#477C4B
#477C4B لون متوسط ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.163؛ OKLCH L 53.6% C 0.094 H 145.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.94:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #477C4B |
|---|---|
| RGB | rgb(71, 124, 75) |
| HSL | hsl(125, 27%, 38%) |
| HSV | hsv(125, 43%, 49%) |
| CMYK | cmyk(42.7%, 0%, 39.5%, 51.4%) |
| CIE-LAB | lab(47.32, -28.70, 21.37) |
| CIE-LCH | lch(47.32, 35.78, 143.32°) |
| OKLab | oklab(53.59% -0.0781 0.0531) |
| OKLCH | oklch(53.59% 0.094 145.8) |
| XYZ | xyz(11.0756, 16.2622, 9.2106) |
| Luminance | 0.1626 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Dark Sage
#598556
ΔE00 4.35
Darkish Green
#287C37
ΔE00 5.23
Jungle Green
#048243
ΔE00 6.19
Sea Green
#2E8B57
ΔE00 6.45
Dark Sea Green
#11875D
ΔE00 7.58
Light Forest Green
#4F9153
ΔE00 7.78
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#477C4B #7C4778
analogous
#5D7C47 #477C4B #477C65
triadic
#477C4B #4B477C #7C4B47
tetradic
#477C4B #475D7C #7C4778 #7C6547
square
#477C4B #475D7C #7C4778 #7C6547
split-complementary
#477C4B #65477C #7C475D
monochromatic
#1A2E1C #315533 #477C4B #5EA363 #85B988
إمكانية الوصول والتباين
On white
4.94
#477C4B on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.25
#477C4B on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #477C4B
4.94:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##477C4B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##477C4B | 1.00 | 4.94 | 4.25 | 4.94 |
| #FFFFFF | 4.94 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.25 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.94 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7E7348
Deuteranopia (green-blind)
#766E4E
Tritanopia (blue-blind)
#407A70
Achromatopsia (no color)
#707070
وسوم التصميم والكود
CSS
--color: #477c4b; /* rgb */ color: rgb(71, 124, 75); /* oklch */ color: oklch(53.6% 0.094 145.8);
Tailwind
colors: {
custom: {
50: '#7da27e',
500: '#477c4b',
950: '#000000',
},
}SCSS
$custom: #477c4b; $custom-light: #7da27e; $custom-dark: #000000;
JSON
{
"hex": "#477c4b",
"rgb": {
"r": 71,
"g": 124,
"b": 75
},
"hsl": {
"h": 124.528,
"s": 27.179,
"l": 38.235
},
"oklch": {
"l": 0.53588,
"c": 0.09448,
"h": 145.8
},
"luminance": 0.16263
}Semantic roles & 50–950 ramp
primary
#477C4B
secondary
#A57AA1
accent
#64BCC4
background
#F7FAF7
surface
#EEF3EE
border
#C9CDC9
text
#0A0F0A
muted
#7C7F7C