#69FC92#69FC92
#69FC92 لون فاتح جداً وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.747؛ OKLCH L 88.6% C 0.193 H 149.9°. أفضل لون لنص المتن هو #000000 بتباين 15.94:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #69FC92 |
|---|---|
| RGB | rgb(105, 252, 146) |
| HSL | hsl(137, 96%, 70%) |
| HSV | hsv(137, 58%, 99%) |
| CMYK | cmyk(58.3%, 0%, 42.1%, 1.2%) |
| CIE-LAB | lab(89.25, -61.61, 39.20) |
| CIE-LCH | lch(89.25, 73.02, 147.53°) |
| OKLab | oklab(88.63% -0.1666 0.0967) |
| OKLCH | oklch(88.63% 0.193 149.9) |
| XYZ | xyz(45.8211, 74.6950, 39.1914) |
| Luminance | 0.7470 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Baby Green
#8CFF9E
ΔE00 2.89
Wintergreen
#20F986
ΔE00 3.12
Mint Green
#8FFF9F
ΔE00 3.17
Sea Green (survey)
#53FCA1
ΔE00 3.18
Light Green Blue
#56FCA2
ΔE00 3.22
Light Bluish Green
#76FDA8
ΔE00 3.33
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#69FC92 #FC69D3
analogous
#89FC69 #69FC92 #69FCDC
triadic
#69FC92 #9269FC #FC9269
tetradic
#69FC92 #6989FC #FC69D3 #FCDC69
square
#69FC92 #6989FC #FC69D3 #FCDC69
split-complementary
#69FC92 #DC69FC #FC6989
monochromatic
#05E643 #2DFB66 #69FC92 #A5FDBE #E1FEE9
إمكانية الوصول والتباين
On white
1.32
#69FC92 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.94
#69FC92 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #69FC92
15.94:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##69FC92 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##69FC92 | 1.00 | 1.32 | 15.94 | 15.94 |
| #FFFFFF | 1.32 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.94 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.94 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FEE88A
Deuteranopia (green-blind)
#EADB99
Tritanopia (blue-blind)
#40F8E2
Achromatopsia (no color)
#E0E0E0
وسوم التصميم والكود
CSS
--color: #69fc92; /* rgb */ color: rgb(105, 252, 146); /* oklch */ color: oklch(88.6% 0.193 149.9);
Tailwind
colors: {
custom: {
50: '#a0feb3',
500: '#69fc92',
950: '#000000',
},
}SCSS
$custom: #69fc92; $custom-light: #a0feb3; $custom-dark: #000000;
JSON
{
"hex": "#69fc92",
"rgb": {
"r": 105,
"g": 252,
"b": 146
},
"hsl": {
"h": 136.735,
"s": 96.078,
"l": 70
},
"oklch": {
"l": 0.88629,
"c": 0.19265,
"h": 149.9
},
"luminance": 0.74699
}Semantic roles & 50–950 ramp
primary
#69FC92
secondary
#D732A9
accent
#00A5E6
background
#FDFFFD
surface
#F7FFF8
border
#D0D7D1
text
#101811
muted
#818681