#7BAF7D#7BAF7D
#7BAF7D لون فاتح ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.364؛ OKLCH L 70.4% C 0.091 H 145.5°. أفضل لون لنص المتن هو #000000 بتباين 8.27:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7BAF7D |
|---|---|
| RGB | rgb(123, 175, 125) |
| HSL | hsl(122, 25%, 58%) |
| HSV | hsv(122, 30%, 69%) |
| CMYK | cmyk(29.7%, 0%, 28.6%, 31.4%) |
| CIE-LAB | lab(66.79, -27.35, 20.30) |
| CIE-LCH | lch(66.79, 34.06, 143.42°) |
| OKLab | oklab(70.4% -0.0747 0.0514) |
| OKLCH | oklch(70.4% 0.091 145.5) |
| XYZ | xyz(27.1988, 36.3504, 24.9813) |
| Luminance | 0.3635 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Dusty Green
#76A973
ΔE00 2.16
Faded Green
#7BB274
ΔE00 2.76
Sage Green (survey)
#88B378
ΔE00 3.43
Tea
#65AB7C
ΔE00 3.75
Sage
#87AE73
ΔE00 3.79
Greyish Green
#82A67D
ΔE00 3.83
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7BAF7D #AF7BAD
analogous
#93AF7B #7BAF7D #7BAF97
triadic
#7BAF7D #7D7BAF #AF7D7B
tetradic
#7BAF7D #7B93AF #AF7BAD #AF977B
square
#7BAF7D #7B93AF #AF7BAD #AF977B
split-complementary
#7BAF7D #977BAF #AF7B93
monochromatic
#426D44 #59935C #7BAF7D #A1C6A3 #C7DDC8
إمكانية الوصول والتباين
On white
2.54
#7BAF7D on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.27
#7BAF7D on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #7BAF7D
8.27:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7BAF7D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7BAF7D | 1.00 | 2.54 | 8.27 | 8.27 |
| #FFFFFF | 2.54 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.27 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.27 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B1A67A
Deuteranopia (green-blind)
#A9A080
Tritanopia (blue-blind)
#75ACA2
Achromatopsia (no color)
#A2A2A2
وسوم التصميم والكود
CSS
--color: #7baf7d; /* rgb */ color: rgb(123, 175, 125); /* oklch */ color: oklch(70.4% 0.091 145.5);
Tailwind
colors: {
custom: {
50: '#a2c7a3',
500: '#7baf7d',
950: '#000000',
},
}SCSS
$custom: #7baf7d; $custom-light: #a2c7a3; $custom-dark: #000000;
JSON
{
"hex": "#7baf7d",
"rgb": {
"r": 123,
"g": 175,
"b": 125
},
"hsl": {
"h": 122.308,
"s": 24.528,
"l": 58.431
},
"oklch": {
"l": 0.704,
"c": 0.09067,
"h": 145.5
},
"luminance": 0.36352
}Semantic roles & 50–950 ramp
primary
#7BAF7D
secondary
#CDB9CC
accent
#67BDC1
background
#FAFCFA
surface
#F4F8F3
border
#CED1CD
text
#0F130F
muted
#7F827F