#6DAE2D#6DAE2D
#6DAE2D لون فاتح وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.337؛ OKLCH L 68.2% C 0.171 H 132.9°. أفضل لون لنص المتن هو #000000 بتباين 7.74:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #6DAE2D |
|---|---|
| RGB | rgb(109, 174, 45) |
| HSL | hsl(90, 59%, 43%) |
| HSV | hsv(90, 74%, 68%) |
| CMYK | cmyk(37.4%, 0%, 74.1%, 31.8%) |
| CIE-LAB | lab(64.73, -41.38, 56.01) |
| CIE-LCH | lch(64.73, 69.64, 126.46°) |
| OKLab | oklab(68.21% -0.1165 0.1255) |
| OKLCH | oklch(68.21% 0.171 132.9) |
| XYZ | xyz(21.9161, 33.7118, 7.8344) |
| Luminance | 0.3371 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Leaf
#71AA34
ΔE00 1.54
Nasty Green
#70B23F
ΔE00 2.11
Grass
#5CAC2D
ΔE00 2.45
Leaf Green
#5CA904
ΔE00 2.93
Kermit Green
#5CB200
ΔE00 3.03
Turtle Green
#75B84F
ΔE00 4.42
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#6DAE2D #6E2DAE
analogous
#ADAE2D #6DAE2D #2DAE2E
triadic
#6DAE2D #2D6DAE #AE2D6D
tetradic
#6DAE2D #2DADAE #6E2DAE #AE2E2D
square
#6DAE2D #2DADAE #6E2DAE #AE2E2D
split-complementary
#6DAE2D #2E2DAE #AE2DAD
monochromatic
#304D14 #4F7D20 #6DAE2D #8CD048 #AADC79
إمكانية الوصول والتباين
On white
2.71
#6DAE2D on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.74
#6DAE2D on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #6DAE2D
7.74:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##6DAE2D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##6DAE2D | 1.00 | 2.71 | 7.74 | 7.74 |
| #FFFFFF | 2.71 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.74 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.74 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B5A013
Deuteranopia (green-blind)
#AC9B3A
Tritanopia (blue-blind)
#6EA795
Achromatopsia (no color)
#9D9D9D
وسوم التصميم والكود
CSS
--color: #6dae2d; /* rgb */ color: rgb(109, 174, 45); /* oklch */ color: oklch(68.2% 0.171 132.9);
Tailwind
colors: {
custom: {
50: '#9cc66f',
500: '#6dae2d',
950: '#000000',
},
}SCSS
$custom: #6dae2d; $custom-light: #9cc66f; $custom-dark: #000000;
JSON
{
"hex": "#6dae2d",
"rgb": {
"r": 109,
"g": 174,
"b": 45
},
"hsl": {
"h": 90.233,
"s": 58.904,
"l": 42.941
},
"oklch": {
"l": 0.68208,
"c": 0.17121,
"h": 132.9
},
"luminance": 0.33713
}Semantic roles & 50–950 ramp
primary
#6DAE2D
secondary
#9C72C4
accent
#46E295
background
#FAFCF7
surface
#F3F8ED
border
#CDD1C8
text
#0F1308
muted
#7F827B