#69A641#69A641
#69A641 لون فاتح وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.307؛ OKLCH L 66.1% C 0.148 H 134.9°. أفضل لون لنص المتن هو #000000 بتباين 7.13:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #69A641 |
|---|---|
| RGB | rgb(105, 166, 65) |
| HSL | hsl(96, 44%, 45%) |
| HSV | hsv(96, 61%, 65%) |
| CMYK | cmyk(36.7%, 0%, 60.8%, 34.9%) |
| CIE-LAB | lab(62.22, -37.70, 45.10) |
| CIE-LCH | lch(62.22, 58.78, 129.89°) |
| OKLab | oklab(66.15% -0.1047 0.1051) |
| OKLCH | oklch(66.15% 0.148 134.9) |
| XYZ | xyz(20.4156, 30.6564, 9.8416) |
| Luminance | 0.3066 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Fern (survey)
#63A950
ΔE00 2.86
Leaf
#71AA34
ΔE00 2.91
Asparagus
#77AB56
ΔE00 3.28
Off Green
#6BA353
ΔE00 3.30
Grass
#5CAC2D
ΔE00 3.35
Nasty Green
#70B23F
ΔE00 3.75
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#69A641 #7E41A6
analogous
#9BA641 #69A641 #41A64C
triadic
#69A641 #4169A6 #A64169
tetradic
#69A641 #419BA6 #7E41A6 #A64C41
square
#69A641 #419BA6 #7E41A6 #A64C41
split-complementary
#69A641 #4C41A6 #A6419B
monochromatic
#314E1F #4D7A30 #69A641 #88C262 #AAD38E
إمكانية الوصول والتباين
On white
2.94
#69A641 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.13
#69A641 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #69A641
7.13:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##69A641 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##69A641 | 1.00 | 2.94 | 7.13 | 7.13 |
| #FFFFFF | 2.94 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.13 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.13 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#AC9A36
Deuteranopia (green-blind)
#A39549
Tritanopia (blue-blind)
#68A090
Achromatopsia (no color)
#969696
وسوم التصميم والكود
CSS
--color: #69a641; /* rgb */ color: rgb(105, 166, 65); /* oklch */ color: oklch(66.1% 0.148 134.9);
Tailwind
colors: {
custom: {
50: '#98c179',
500: '#69a641',
950: '#000000',
},
}SCSS
$custom: #69a641; $custom-light: #98c179; $custom-dark: #000000;
JSON
{
"hex": "#69a641",
"rgb": {
"r": 105,
"g": 166,
"b": 65
},
"hsl": {
"h": 96.238,
"s": 43.723,
"l": 45.294
},
"oklch": {
"l": 0.66149,
"c": 0.14835,
"h": 134.9
},
"luminance": 0.30657
}Semantic roles & 50–950 ramp
primary
#69A641
secondary
#A785BE
accent
#54D3A1
background
#F9FBF7
surface
#F2F7EE
border
#CCD0C9
text
#0E1209
muted
#7E817B