#76D295#76D295
#76D295 لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.521؛ OKLCH L 79.0% C 0.125 H 153.5°. أفضل لون لنص المتن هو #000000 بتباين 11.42:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #76D295 |
|---|---|
| RGB | rgb(118, 210, 149) |
| HSL | hsl(140, 51%, 64%) |
| HSV | hsv(140, 44%, 82%) |
| CMYK | cmyk(43.8%, 0%, 29%, 17.6%) |
| CIE-LAB | lab(77.35, -40.80, 21.89) |
| CIE-LCH | lch(77.35, 46.30, 151.78°) |
| OKLab | oklab(79.04% -0.1116 0.0555) |
| OKLCH | oklch(79.04% 0.125 153.5) |
| XYZ | xyz(35.9402, 52.1122, 36.5927) |
| Luminance | 0.5212 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Emerald
#50C878
ΔE00 5.39
Seafoam
#7FE0B3
ΔE00 5.50
Soft Green
#6FC276
ΔE00 5.64
Hospital Green
#9BE5AA
ΔE00 5.70
Eucalyptus
#44D7A8
ΔE00 6.56
Seaweed
#18D17B
ΔE00 6.73
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#76D295 #D276B3
analogous
#85D276 #76D295 #76D2C3
triadic
#76D295 #9576D2 #D29576
tetradic
#76D295 #7685D2 #D276B3 #D2C376
square
#76D295 #7685D2 #D276B3 #D2C376
split-complementary
#76D295 #C376D2 #D27685
monochromatic
#339B56 #48C371 #76D295 #A4E1B9 #D2F0DC
إمكانية الوصول والتباين
On white
1.84
#76D295 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.42
#76D295 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #76D295
11.42:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##76D295 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##76D295 | 1.00 | 1.84 | 11.42 | 11.42 |
| #FFFFFF | 1.84 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.42 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.42 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D2C591
Deuteranopia (green-blind)
#C4BB99
Tritanopia (blue-blind)
#63D0C2
Achromatopsia (no color)
#BFBFBF
وسوم التصميم والكود
CSS
--color: #76d295; /* rgb */ color: rgb(118, 210, 149); /* oklch */ color: oklch(79.0% 0.125 153.5);
Tailwind
colors: {
custom: {
50: '#a2e0b4',
500: '#76d295',
950: '#000000',
},
}SCSS
$custom: #76d295; $custom-light: #a2e0b4; $custom-dark: #000000;
JSON
{
"hex": "#76d295",
"rgb": {
"r": 118,
"g": 210,
"b": 149
},
"hsl": {
"h": 140.217,
"s": 50.549,
"l": 64.314
},
"oklch": {
"l": 0.79039,
"c": 0.12461,
"h": 153.5
},
"luminance": 0.52115
}Semantic roles & 50–950 ramp
primary
#76D295
secondary
#A04C84
accent
#288BBE
background
#FCFEFD
surface
#F6FCF8
border
#D0D5D1
text
#0F1511
muted
#808481