#8BE192#8BE192
#8BE192 لون فاتح جداً وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.614؛ OKLCH L 83.5% C 0.138 H 146.1°. أفضل لون لنص المتن هو #000000 بتباين 13.28:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8BE192 |
|---|---|
| RGB | rgb(139, 225, 146) |
| HSL | hsl(125, 59%, 71%) |
| HSV | hsv(125, 38%, 88%) |
| CMYK | cmyk(38.2%, 0%, 35.1%, 11.8%) |
| CIE-LAB | lab(82.60, -41.88, 30.70) |
| CIE-LCH | lch(82.60, 51.93, 143.76°) |
| OKLab | oklab(83.54% -0.1141 0.0767) |
| OKLCH | oklch(83.54% 0.138 146.1) |
| XYZ | xyz(42.7588, 61.4123, 36.7893) |
| Luminance | 0.6141 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Lightgreen
#90EE90
ΔE00 3.50
Hospital Green
#9BE5AA
ΔE00 4.26
Light Sea Green
#98F6B0
ΔE00 5.28
Palegreen
#98FB98
ΔE00 6.05
Foam Green
#90FDA9
ΔE00 6.09
Light Mint Green
#A6FBB2
ΔE00 6.11
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8BE192 #E18BDA
analogous
#AFE18B #8BE192 #8BE1BD
triadic
#8BE192 #928BE1 #E1928B
tetradic
#8BE192 #8BAFE1 #E18BDA #E1BD8B
square
#8BE192 #8BAFE1 #E18BDA #E1BD8B
split-complementary
#8BE192 #BD8BE1 #E18BAF
monochromatic
#32C03D #5AD464 #8BE192 #BCEEC0 #E7F9E8
إمكانية الوصول والتباين
On white
1.58
#8BE192 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.28
#8BE192 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #8BE192
13.28:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8BE192 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8BE192 | 1.00 | 1.58 | 13.28 | 13.28 |
| #FFFFFF | 1.58 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.28 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.28 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E4D38D
Deuteranopia (green-blind)
#D7CA97
Tritanopia (blue-blind)
#80DDCD
Achromatopsia (no color)
#CECECE
وسوم التصميم والكود
CSS
--color: #8be192; /* rgb */ color: rgb(139, 225, 146); /* oklch */ color: oklch(83.5% 0.138 146.1);
Tailwind
colors: {
custom: {
50: '#b0ebb2',
500: '#8be192',
950: '#000000',
},
}SCSS
$custom: #8be192; $custom-light: #b0ebb2; $custom-dark: #000000;
JSON
{
"hex": "#8be192",
"rgb": {
"r": 139,
"g": 225,
"b": 146
},
"hsl": {
"h": 124.884,
"s": 58.904,
"l": 71.373
},
"oklch": {
"l": 0.8354,
"c": 0.13751,
"h": 146.1
},
"luminance": 0.61415
}Semantic roles & 50–950 ramp
primary
#8BE192
secondary
#B957B1
accent
#1FB9C7
background
#FDFEFD
surface
#F8FDF8
border
#D1D5D1
text
#111611
muted
#818481