#8FE39B#8FE39B
#8FE39B لون فاتح جداً وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.631؛ OKLCH L 84.4% C 0.129 H 147.8°. أفضل لون لنص المتن هو #000000 بتباين 13.63:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8FE39B |
|---|---|
| RGB | rgb(143, 227, 155) |
| HSL | hsl(129, 60%, 73%) |
| HSV | hsv(129, 37%, 89%) |
| CMYK | cmyk(37%, 0%, 31.7%, 11%) |
| CIE-LAB | lab(83.52, -40.09, 27.35) |
| CIE-LCH | lch(83.52, 48.53, 145.70°) |
| OKLab | oklab(84.39% -0.1094 0.0689) |
| OKLCH | oklch(84.39% 0.129 147.8) |
| XYZ | xyz(44.7108, 63.1419, 40.8357) |
| Luminance | 0.6314 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Hospital Green
#9BE5AA
ΔE00 2.85
Lightgreen
#90EE90
ΔE00 4.16
Light Sea Green
#98F6B0
ΔE00 4.30
Light Mint Green
#A6FBB2
ΔE00 5.32
Seafoam (survey)
#80F9AD
ΔE00 5.53
Foam Green
#90FDA9
ΔE00 5.72
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8FE39B #E38FD7
analogous
#ADE38F #8FE39B #8FE3C5
triadic
#8FE39B #9B8FE3 #E39B8F
tetradic
#8FE39B #8FADE3 #E38FD7 #E3C58F
square
#8FE39B #8FADE3 #E38FD7 #E3C58F
split-complementary
#8FE39B #C58FE3 #E38FAD
monochromatic
#32C647 #5ED76F #8FE39B #C0EFC7 #E7F9E9
إمكانية الوصول والتباين
On white
1.54
#8FE39B on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.63
#8FE39B on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #8FE39B
13.63:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8FE39B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8FE39B | 1.00 | 1.54 | 13.63 | 13.63 |
| #FFFFFF | 1.54 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.63 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.63 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E5D596
Deuteranopia (green-blind)
#D8CD9F
Tritanopia (blue-blind)
#83E0D0
Achromatopsia (no color)
#D0D0D0
وسوم التصميم والكود
CSS
--color: #8fe39b; /* rgb */ color: rgb(143, 227, 155); /* oklch */ color: oklch(84.4% 0.129 147.8);
Tailwind
colors: {
custom: {
50: '#b3ecb9',
500: '#8fe39b',
950: '#000000',
},
}SCSS
$custom: #8fe39b; $custom-light: #b3ecb9; $custom-dark: #000000;
JSON
{
"hex": "#8fe39b",
"rgb": {
"r": 143,
"g": 227,
"b": 155
},
"hsl": {
"h": 128.571,
"s": 60,
"l": 72.549
},
"oklch": {
"l": 0.84385,
"c": 0.12924,
"h": 147.8
},
"luminance": 0.63144
}Semantic roles & 50–950 ramp
primary
#8FE39B
secondary
#BC5AAE
accent
#1EAFC8
background
#FDFEFD
surface
#F8FDF8
border
#D1D5D1
text
#111611
muted
#818481