#65BE67#65BE67
#65BE67 لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.406؛ OKLCH L 72.5% C 0.149 H 144.3°. أفضل لون لنص المتن هو #000000 بتباين 9.11:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #65BE67 |
|---|---|
| RGB | rgb(101, 190, 103) |
| HSL | hsl(121, 41%, 57%) |
| HSV | hsv(121, 47%, 75%) |
| CMYK | cmyk(46.8%, 0%, 45.8%, 25.5%) |
| CIE-LAB | lab(69.87, -44.63, 35.75) |
| CIE-LCH | lch(69.87, 57.19, 141.30°) |
| OKLab | oklab(72.5% -0.1214 0.0873) |
| OKLCH | oklch(72.5% 0.15 144.3) |
| XYZ | xyz(26.2271, 40.5710, 19.2783) |
| Luminance | 0.4057 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Soft Green
#6FC276
ΔE00 2.43
Fern
#63B76C
ΔE00 2.61
Boring Green
#63B365
ΔE00 3.13
Dark Mint
#48C072
ΔE00 3.90
Emerald
#50C878
ΔE00 4.28
Dark Pastel Green
#56AE57
ΔE00 4.64
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#65BE67 #BE65BC
analogous
#90BE65 #65BE67 #65BE93
triadic
#65BE67 #6765BE #BE6765
tetradic
#65BE67 #6590BE #BE65BC #BE9365
square
#65BE67 #6590BE #BE65BC #BE9365
split-complementary
#65BE67 #9365BE #BE6590
monochromatic
#327734 #44A246 #65BE67 #90D091 #BBE2BC
إمكانية الوصول والتباين
On white
2.30
#65BE67 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.11
#65BE67 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #65BE67
9.11:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##65BE67 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##65BE67 | 1.00 | 2.30 | 9.11 | 9.11 |
| #FFFFFF | 2.30 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.11 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.11 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C1B060
Deuteranopia (green-blind)
#B5A86D
Tritanopia (blue-blind)
#59BAA9
Achromatopsia (no color)
#ABABAB
وسوم التصميم والكود
CSS
--color: #65be67; /* rgb */ color: rgb(101, 190, 103); /* oklch */ color: oklch(72.5% 0.149 144.3);
Tailwind
colors: {
custom: {
50: '#96d294',
500: '#65be67',
950: '#000000',
},
}SCSS
$custom: #65be67; $custom-light: #96d294; $custom-dark: #000000;
JSON
{
"hex": "#65be67",
"rgb": {
"r": 101,
"g": 190,
"b": 103
},
"hsl": {
"h": 121.348,
"s": 40.639,
"l": 57.059
},
"oklch": {
"l": 0.72502,
"c": 0.1495,
"h": 144.3
},
"luminance": 0.40573
}Semantic roles & 50–950 ramp
primary
#65BE67
secondary
#D1ADD1
accent
#57CED0
background
#F9FDF9
surface
#F2FAF1
border
#CCD3CB
text
#0E140D
muted
#7E837E