#77D79B#77D79B
#77D79B لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.549؛ OKLCH L 80.4% C 0.126 H 154.9°. أفضل لون لنص المتن هو #000000 بتباين 11.98:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #77D79B |
|---|---|
| RGB | rgb(119, 215, 155) |
| HSL | hsl(143, 55%, 65%) |
| HSV | hsv(143, 45%, 84%) |
| CMYK | cmyk(44.7%, 0%, 27.9%, 15.7%) |
| CIE-LAB | lab(78.98, -41.61, 20.98) |
| CIE-LCH | lch(78.98, 46.60, 153.24°) |
| OKLab | oklab(80.41% -0.1139 0.0533) |
| OKLCH | oklch(80.41% 0.126 154.9) |
| XYZ | xyz(37.8219, 54.8867, 39.6052) |
| Luminance | 0.5489 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Seafoam
#7FE0B3
ΔE00 4.45
Hospital Green
#9BE5AA
ΔE00 4.93
Eucalyptus
#44D7A8
ΔE00 6.02
Emerald
#50C878
ΔE00 6.29
Aqua Green
#12E193
ΔE00 6.34
Soft Green
#6FC276
ΔE00 6.86
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#77D79B #D777B3
analogous
#83D777 #77D79B #77D7CB
triadic
#77D79B #9B77D7 #D79B77
tetradic
#77D79B #7783D7 #D777B3 #D7CB77
square
#77D79B #7783D7 #D777B3 #D7CB77
split-complementary
#77D79B #CB77D7 #D77783
monochromatic
#30A45B #48C978 #77D79B #A6E5BE #D6F3E1
إمكانية الوصول والتباين
On white
1.75
#77D79B on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.98
#77D79B on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #77D79B
11.98:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##77D79B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##77D79B | 1.00 | 1.75 | 11.98 | 11.98 |
| #FFFFFF | 1.75 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.98 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.98 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D7CA97
Deuteranopia (green-blind)
#C8C09F
Tritanopia (blue-blind)
#62D5C7
Achromatopsia (no color)
#C4C4C4
وسوم التصميم والكود
CSS
--color: #77d79b; /* rgb */ color: rgb(119, 215, 155); /* oklch */ color: oklch(80.4% 0.126 154.9);
Tailwind
colors: {
custom: {
50: '#a3e4b8',
500: '#77d79b',
950: '#000000',
},
}SCSS
$custom: #77d79b; $custom-light: #a3e4b8; $custom-dark: #000000;
JSON
{
"hex": "#77d79b",
"rgb": {
"r": 119,
"g": 215,
"b": 155
},
"hsl": {
"h": 142.5,
"s": 54.545,
"l": 65.49
},
"oklch": {
"l": 0.80412,
"c": 0.1258,
"h": 154.9
},
"luminance": 0.54889
}Semantic roles & 50–950 ramp
primary
#77D79B
secondary
#A74B85
accent
#2387C2
background
#FCFEFD
surface
#F6FCF8
border
#D0D5D1
text
#0F1511
muted
#808481