#69E47E#69E47E
#69E47E لون فاتح جداً وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.600؛ OKLCH L 82.4% C 0.179 H 147.3°. أفضل لون لنص المتن هو #000000 بتباين 13.00:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #69E47E |
|---|---|
| RGB | rgb(105, 228, 126) |
| HSL | hsl(130, 69%, 65%) |
| HSV | hsv(130, 54%, 89%) |
| CMYK | cmyk(53.9%, 0%, 44.7%, 10.6%) |
| CIE-LAB | lab(81.83, -55.53, 39.49) |
| CIE-LCH | lch(81.83, 68.14, 144.58°) |
| OKLab | oklab(82.45% -0.1504 0.0967) |
| OKLCH | oklch(82.45% 0.179 147.3) |
| XYZ | xyz(37.3326, 59.9932, 29.3471) |
| Luminance | 0.6000 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Weird Green
#3AE57F
ΔE00 3.08
Lightish Green
#61E160
ΔE00 3.87
Lightgreen
#90EE90
ΔE00 4.16
Tealish Green
#0CDC73
ΔE00 4.58
Turquoise Green
#04F489
ΔE00 5.33
Minty Green
#0BF77D
ΔE00 5.50
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#69E47E #E469CF
analogous
#91E469 #69E47E #69E4BC
triadic
#69E47E #7E69E4 #E47E69
tetradic
#69E47E #6991E4 #E469CF #E4BC69
square
#69E47E #6991E4 #E469CF #E4BC69
split-complementary
#69E47E #BC69E4 #E46991
monochromatic
#20B239 #35DB51 #69E47E #9DEDAB #D1F7D7
إمكانية الوصول والتباين
On white
1.62
#69E47E on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.00
#69E47E on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #69E47E
13.00:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##69E47E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##69E47E | 1.00 | 1.62 | 13.00 | 13.00 |
| #FFFFFF | 1.62 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.00 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.00 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E7D276
Deuteranopia (green-blind)
#D6C785
Tritanopia (blue-blind)
#50E0CB
Achromatopsia (no color)
#CBCBCB
وسوم التصميم والكود
CSS
--color: #69e47e; /* rgb */ color: rgb(105, 228, 126); /* oklch */ color: oklch(82.4% 0.179 147.3);
Tailwind
colors: {
custom: {
50: '#9deda5',
500: '#69e47e',
950: '#000000',
},
}SCSS
$custom: #69e47e; $custom-light: #9deda5; $custom-dark: #000000;
JSON
{
"hex": "#69e47e",
"rgb": {
"r": 105,
"g": 228,
"b": 126
},
"hsl": {
"h": 130.244,
"s": 69.492,
"l": 65.294
},
"oklch": {
"l": 0.82446,
"c": 0.17885,
"h": 147.3
},
"luminance": 0.59996
}Semantic roles & 50–950 ramp
primary
#69E47E
secondary
#B33E9F
accent
#14B1D1
background
#FCFFFC
surface
#F6FEF6
border
#D0D6D0
text
#0F160F
muted
#808580