#70B45C#70B45C
#70B45C لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.369؛ OKLCH L 70.4% C 0.140 H 138.9°. أفضل لون لنص المتن هو #000000 بتباين 8.37:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #70B45C |
|---|---|
| RGB | rgb(112, 180, 92) |
| HSL | hsl(106, 37%, 53%) |
| HSV | hsv(106, 49%, 71%) |
| CMYK | cmyk(37.8%, 0%, 48.9%, 29.4%) |
| CIE-LAB | lab(67.17, -38.42, 38.03) |
| CIE-LCH | lch(67.17, 54.05, 135.29°) |
| OKLab | oklab(70.38% -0.1053 0.0918) |
| OKLCH | oklch(70.38% 0.14 138.9) |
| XYZ | xyz(24.9343, 36.8587, 15.9238) |
| Luminance | 0.3686 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Boring Green
#63B365
ΔE00 2.93
Turtle Green
#75B84F
ΔE00 2.95
Asparagus
#77AB56
ΔE00 3.12
Fern (survey)
#63A950
ΔE00 3.43
Dark Pastel Green
#56AE57
ΔE00 3.63
Fern
#63B76C
ΔE00 3.83
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#70B45C #A05CB4
analogous
#9CB45C #70B45C #5CB474
triadic
#70B45C #5C70B4 #B45C70
tetradic
#70B45C #5C9CB4 #A05CB4 #B4745C
square
#70B45C #5C9CB4 #A05CB4 #B4745C
split-complementary
#70B45C #745CB4 #B45C9C
monochromatic
#3C662F #549042 #70B45C #95C786 #BADBB0
إمكانية الوصول والتباين
On white
2.51
#70B45C on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.37
#70B45C on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #70B45C
8.37:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##70B45C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##70B45C | 1.00 | 2.51 | 8.37 | 8.37 |
| #FFFFFF | 2.51 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.37 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.37 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B9A755
Deuteranopia (green-blind)
#AFA162
Tritanopia (blue-blind)
#6CAF9F
Achromatopsia (no color)
#A3A3A3
وسوم التصميم والكود
CSS
--color: #70b45c; /* rgb */ color: rgb(112, 180, 92); /* oklch */ color: oklch(70.4% 0.140 138.9);
Tailwind
colors: {
custom: {
50: '#9ccb8c',
500: '#70b45c',
950: '#000000',
},
}SCSS
$custom: #70b45c; $custom-light: #9ccb8c; $custom-dark: #000000;
JSON
{
"hex": "#70b45c",
"rgb": {
"r": 112,
"g": 180,
"b": 92
},
"hsl": {
"h": 106.364,
"s": 36.975,
"l": 53.333
},
"oklch": {
"l": 0.70382,
"c": 0.13967,
"h": 138.9
},
"luminance": 0.3686
}Semantic roles & 50–950 ramp
primary
#70B45C
secondary
#C0A3C9
accent
#5BCDB3
background
#F9FCF8
surface
#F2F8F0
border
#CCD1CB
text
#0E130C
muted
#7E827D