#3CB01D#3CB01D
#3CB01D لون فاتح وعالي التشبّع من عائلة أخضر. الإضاءة النسبية 0.321؛ OKLCH L 66.6% C 0.204 H 140.3°. أفضل لون لنص المتن هو #000000 بتباين 7.42:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3CB01D |
|---|---|
| RGB | rgb(60, 176, 29) |
| HSL | hsl(107, 72%, 40%) |
| HSV | hsv(107, 84%, 69%) |
| CMYK | cmyk(65.9%, 0%, 83.5%, 31%) |
| CIE-LAB | lab(63.42, -57.30, 59.06) |
| CIE-LCH | lch(63.42, 82.29, 134.14°) |
| OKLab | oklab(66.59% -0.1571 0.1302) |
| OKLCH | oklch(66.59% 0.204 140.3) |
| XYZ | xyz(17.6097, 32.0983, 6.4297) |
| Luminance | 0.3210 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Green (survey)
#15B01A
ΔE00 1.88
Grass
#5CAC2D
ΔE00 3.15
Leafy Green
#51B73B
ΔE00 3.16
Kelly Green
#4CBB17
ΔE00 3.55
Kelly Green (survey)
#02AB2E
ΔE00 3.89
Kermit Green
#5CB200
ΔE00 3.97
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3CB01D #911DB0
analogous
#85B01D #3CB01D #1DB048
triadic
#3CB01D #1D3CB0 #B01D3C
tetradic
#3CB01D #1D85B0 #911DB0 #B0481D
square
#3CB01D #1D85B0 #911DB0 #B0481D
split-complementary
#3CB01D #481DB0 #B01D85
monochromatic
#18470C #2A7B14 #3CB01D #53DD2E #7EE562
إمكانية الوصول والتباين
On white
2.83
#3CB01D on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.42
#3CB01D on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #3CB01D
7.42:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3CB01D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##3CB01D | 1.00 | 2.83 | 7.42 | 7.42 |
| #FFFFFF | 2.83 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.42 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.42 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B59F00
Deuteranopia (green-blind)
#A79630
Tritanopia (blue-blind)
#28AA96
Achromatopsia (no color)
#9A9A9A
وسوم التصميم والكود
CSS
--color: #3cb01d; /* rgb */ color: rgb(60, 176, 29); /* oklch */ color: oklch(66.6% 0.204 140.3);
Tailwind
colors: {
custom: {
50: '#82c968',
500: '#3cb01d',
950: '#000000',
},
}SCSS
$custom: #3cb01d; $custom-light: #82c968; $custom-dark: #000000;
JSON
{
"hex": "#3cb01d",
"rgb": {
"r": 60,
"g": 176,
"b": 29
},
"hsl": {
"h": 107.347,
"s": 71.707,
"l": 40.196
},
"oklch": {
"l": 0.6659,
"c": 0.20409,
"h": 140.3
},
"luminance": 0.321
}Semantic roles & 50–950 ramp
primary
#3CB01D
secondary
#B35FCA
accent
#39EEC8
background
#F8FCF6
surface
#F0F8EB
border
#CBD1C6
text
#0C1307
muted
#7D827A