#8BE35F#8BE35F
#8BE35F لون فاتح جداً وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.613؛ OKLCH L 83.3% C 0.188 H 136.5°. أفضل لون لنص المتن هو #000000 بتباين 13.25:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8BE35F |
|---|---|
| RGB | rgb(139, 227, 95) |
| HSL | hsl(100, 70%, 63%) |
| HSV | hsv(100, 58%, 89%) |
| CMYK | cmyk(38.8%, 0%, 58.1%, 11%) |
| CIE-LAB | lab(82.51, -49.37, 55.17) |
| CIE-LCH | lch(82.51, 74.03, 131.83°) |
| OKLab | oklab(83.25% -0.1364 0.1293) |
| OKLCH | oklch(83.25% 0.188 136.5) |
| XYZ | xyz(40.1810, 61.2513, 20.5298) |
| Luminance | 0.6125 (WCAG relative) |
| Temperature | warm |
| Family | green |
أقرب الألوان المُسمّاة
Kiwi Green
#8EE53F
ΔE00 3.65
Fresh Green
#69D84F
ΔE00 4.02
Lightish Green
#61E160
ΔE00 4.41
Light Grass Green
#9AF764
ΔE00 4.52
Toxic Green
#61DE2A
ΔE00 4.96
Light Green
#96F97B
ΔE00 5.05
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8BE35F #B75FE3
analogous
#CDE35F #8BE35F #5FE375
triadic
#8BE35F #5F8BE3 #E35F8B
tetradic
#8BE35F #5FCDE3 #B75FE3 #E3755F
square
#8BE35F #5FCDE3 #B75FE3 #E3755F
split-complementary
#8BE35F #755FE3 #E35FCD
monochromatic
#4CAA1E #65DA2B #8BE35F #B1EC93 #D7F5C7
إمكانية الوصول والتباين
On white
1.58
#8BE35F on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.25
#8BE35F on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #8BE35F
13.25:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8BE35F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8BE35F | 1.00 | 1.58 | 13.25 | 13.25 |
| #FFFFFF | 1.58 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.25 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.25 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#EAD251
Deuteranopia (green-blind)
#DECB69
Tritanopia (blue-blind)
#88DBC6
Achromatopsia (no color)
#CDCDCD
وسوم التصميم والكود
CSS
--color: #8be35f; /* rgb */ color: rgb(139, 227, 95); /* oklch */ color: oklch(83.3% 0.188 136.5);
Tailwind
colors: {
custom: {
50: '#b2ec90',
500: '#8be35f',
950: '#000000',
},
}SCSS
$custom: #8be35f; $custom-light: #b2ec90; $custom-dark: #000000;
JSON
{
"hex": "#8be35f",
"rgb": {
"r": 139,
"g": 227,
"b": 95
},
"hsl": {
"h": 100,
"s": 70.213,
"l": 63.137
},
"oklch": {
"l": 0.83252,
"c": 0.18797,
"h": 136.5
},
"luminance": 0.61253
}Semantic roles & 50–950 ramp
primary
#8BE35F
secondary
#863BAC
accent
#13D293
background
#FDFFFC
surface
#F8FEF4
border
#D1D6CE
text
#11160D
muted
#81857F